:root, [data-theme="dark"] {
    color-scheme: dark;
    --qu-bg: #0f172a;
    --qu-bg-rgb: 15, 23, 42;
    --qu-surface: #1e293b;
    --qu-surface-hover: #334155;
    --qu-border: #334155;
    --qu-text-main: #f1f5f9;
    --qu-text-muted: #94a3b8;
    --qu-input-bg: #0f172a;
}
body { background-color: var(--qu-bg); color: var(--qu-text-main); }
.qu-header { background-color: rgba(var(--qu-bg-rgb), .85); border-bottom: 1px solid var(--qu-border); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding-top: max(1rem, env(safe-area-inset-top)); }
.qu-card { background-color: var(--qu-surface); border: 1px solid var(--qu-border); transition: background-color .2s ease, border-color .2s ease; }
.qu-card:hover { background-color: var(--qu-surface-hover); }
.qu-input { background-color: var(--qu-input-bg); border: 1px solid var(--qu-border); color: var(--qu-text-main); transition: all .2s ease; }
.qu-input:focus { border-color: #3b82f6; outline: none; }
.qu-border-b { border-bottom: 1px solid var(--qu-border); }
.qu-muted { color: var(--qu-text-muted); }
.qu-inset { background-color: var(--qu-input-bg); border: 1px solid var(--qu-border); }