:root{--bg: #ffffff;--bg-surface: #f8f8f8;--text: #111111;--text-muted: #666666;--text-subtle: #999999;--border: #cccccc;--border-light: #eeeeee;--accent: #0070f3;--accent-bg: #eef5ff;--error: #cc0000;--btn-bg: #f0f0f0;--btn-text: #111111;--btn-border: #ccc;--drop-border: #aaaaaa;color-scheme:light dark}[data-theme=dark],:root:has([data-theme=dark]){--bg: #1a1a1a;--bg-surface: #242424;--text: #e8e8e8;--text-muted: #aaaaaa;--text-subtle: #777777;--border: #444444;--border-light: #333333;--accent: #4da3ff;--accent-bg: #1a2a3a;--error: #ff5555;--btn-bg: #333333;--btn-text: #e8e8e8;--btn-border: #555;--drop-border: #555555}@media (prefers-color-scheme: dark){:root:not(:has([data-theme=light])){--bg: #1a1a1a;--bg-surface: #242424;--text: #e8e8e8;--text-muted: #aaaaaa;--text-subtle: #777777;--border: #444444;--border-light: #333333;--accent: #4da3ff;--accent-bg: #1a2a3a;--error: #ff5555;--btn-bg: #333333;--btn-text: #e8e8e8;--btn-border: #555;--drop-border: #555555}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background .2s,color .2s}a{color:var(--accent)}button{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-border);padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-size:inherit}button:hover{opacity:.85}progress{accent-color:var(--accent)}