:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#f4f7fb;--panel:#fff;--panel-2:#eef3f9;--panel-border:#e3eaf3;--accent:#3a9bf4;--accent-2:#3a9bf4;--green:#16a34a;--red:#ef4444;--amber:#d97706;--text:#182230;--text-dim:#657181;--overlay-bg:#12203473;--card-bg:#fff;--topbar-bg:#ffffffd9;--modal-bg:#fff;--success-bg:#16a34a1a;--success-border:#16a34a4d;--success-text:#15803d;--danger-bg:#be282812;--danger-border:#be28284d;--danger-text:#b42318;--warn-bg:#d977061a;--warn-border:#b4820859;--warn-text:#92610a;--info-bg:#3a9bf41a;--info-border:#3a9bf44d;--info-text:#1b6fc4;--hover-overlay:#183c6e0d;--hover-border:#c3d2e5;--input-bg:#f8fafd;--brand-gradient:linear-gradient(90deg, #1b6fc4, #3a9bf4);--accent-deep:#1b6fc4;--accent-soft:#3a9bf41a;--accent-border:#3a9bf473;--accent-hover:#2489e8;--logo-gradient:linear-gradient(135deg, #59b5ff, #1b6fc4);--radius-lg:4px;--radius-md:3px;--radius-sm:2px;--radius-pill:999px;--sidebar-bg:#fbfcfe;--stage-bg:#e9f0f8;--tile-bg:#f5f8fc;--shadow-card:0 1px 2px #173a6e0d, 0 10px 30px #173a6e12;--shadow-pop:0 24px 70px #102a5238;--font-display:"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0d1420;--panel:#151d2b;--panel-2:#1c2635;--panel-border:#94b5e01f;--accent:#4da8ff;--accent-2:#4da8ff;--green:#22c55e;--amber:#f59e0b;--text:#eff4fa;--text-dim:#93a1b5;--overlay-bg:#040a12cc;--card-bg:#151d2b;--topbar-bg:#0d1420d9;--modal-bg:#182130;--success-bg:#22c55e1f;--success-border:#22c55e4d;--success-text:#b8f5c9;--danger-bg:#ef44441a;--danger-border:#ef44444d;--danger-text:#ffb4b4;--warn-bg:#eab3081a;--warn-border:#eab30859;--warn-text:#fde68a;--info-bg:#4da8ff1f;--info-border:#4da8ff4d;--info-text:#b8d8ff;--hover-overlay:#a0c8ff0f;--hover-border:#a0c8ff47;--input-bg:#a0c8ff0a;--brand-gradient:linear-gradient(90deg, #eff4fa, #8fcbff);--accent-deep:#8fcbff;--accent-soft:#4da8ff21;--accent-border:#4da8ff80;--accent-hover:#66b5ff;--logo-gradient:linear-gradient(135deg, #59b5ff, #1b6fc4);--sidebar-bg:#0a101a;--stage-bg:#101825;--tile-bg:#1a2433;--shadow-card:0 1px 2px #0000004d, 0 10px 30px #00000059;--shadow-pop:0 24px 70px #0000008c}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0d1420;--panel:#151d2b;--panel-2:#1c2635;--panel-border:#94b5e01f;--accent:#4da8ff;--accent-2:#4da8ff;--green:#22c55e;--amber:#f59e0b;--text:#eff4fa;--text-dim:#93a1b5;--overlay-bg:#040a12cc;--card-bg:#151d2b;--topbar-bg:#0d1420d9;--modal-bg:#182130;--success-bg:#22c55e1f;--success-border:#22c55e4d;--success-text:#b8f5c9;--danger-bg:#ef44441a;--danger-border:#ef44444d;--danger-text:#ffb4b4;--warn-bg:#eab3081a;--warn-border:#eab30859;--warn-text:#fde68a;--info-bg:#4da8ff1f;--info-border:#4da8ff4d;--info-text:#b8d8ff;--hover-overlay:#a0c8ff0f;--hover-border:#a0c8ff47;--input-bg:#a0c8ff0a;--brand-gradient:linear-gradient(90deg, #eff4fa, #8fcbff);--accent-deep:#8fcbff;--accent-soft:#4da8ff21;--accent-border:#4da8ff80;--accent-hover:#66b5ff;--logo-gradient:linear-gradient(135deg, #59b5ff, #1b6fc4);--sidebar-bg:#0a101a;--stage-bg:#101825;--tile-bg:#1a2433;--shadow-card:0 1px 2px #0000004d, 0 10px 30px #00000059;--shadow-pop:0 24px 70px #0000008c}}.theme-picker{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.theme-option{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--panel);color:var(--text-dim);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:border-color .18s,background-color .18s,color .18s,transform .12s;display:flex;position:relative}.theme-option:hover{border-color:var(--hover-border);color:var(--text);transform:translateY(-1px)}.theme-option .theme-option-icon{width:22px;height:22px;transition:transform .18s}.theme-option .theme-option-icon svg{width:100%;height:100%}.theme-option span.theme-option-label{font-size:12.5px;font-weight:600}.theme-option input[type=radio]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.theme-option:has(input:checked){border-color:var(--accent-2);background:var(--panel-2);color:var(--accent-2)}.theme-option:has(input:checked) .theme-option-icon{transform:scale(1.08)}.theme-option:focus-within{outline:2px solid var(--accent-2);outline-offset:2px}
