:root{color-scheme:light dark}[data-theme=light]{--bg:#ffffff;--bg-elev:#ffffff;--text:#111827;--muted:#6b7280;--primary:#2563eb;--primary-contrast:#ffffff;--border:#e5e7eb}[data-theme=dark]{--bg:#0b1020;--bg-elev:#0f152b;--text:#e6e9f2;--muted:#9aa3b2;--primary:#4f46e5;--primary-contrast:#ffffff;--border:#23304f}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:960px;margin:0 auto;padding:24px}.page-title{margin:0 0 16px;font-size:28px;font-weight:800}button{background:var(--primary);color:var(--primary-contrast);border:1px solid var(--primary);border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)}input,select,textarea{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;caret-color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted)}label{font-size:12px;color:var(--muted)}.card{border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.card,.surface{background:var(--bg-elev)}.surface{border:1px solid var(--border);border-radius:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1020;--bg-elev:#0f152b;--text:#e6e9f2;--muted:#9aa3b2;--primary:#4f46e5;--primary-contrast:#ffffff;--border:#23304f}}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:grid;place-items:center;z-index:1000}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;width:min(640px,92vw);padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.12)}