:root{color-scheme:light dark;--glass-bg: rgba(255,255,255,.72);--glass-brd: rgba(17,24,39,.08);--text: #0f172a;--wheel-text: var(--text);--wheel-pointer: #0f172a;--btn-solid: #2563eb;--btn-solid-hover: #1d4ed8;--ghost-bg: #eff6ff;--ghost-text: #1e3a8a;--ghost-brd: #bfdbfe}html.dark{--wheel-text: #f8fafc;--wheel-pointer: #e5e7eb;--glass-bg: rgba(17,17,20,.6);--glass-brd: rgba(255,255,255,.1);--text: #f8fafc;--ghost-bg: rgba(17,17,20,.6);--ghost-text: #e5e7eb;--ghost-brd: #3f3f46}html.light body{background:radial-gradient(1200px 700px at 12% 8%,#e0f2fe 0,#fff 42%),linear-gradient(180deg,#fff 0,#f1f5f9)}html.dark body{background:radial-gradient(1200px 700px at 12% 8%,#0b0c12 0,#0e1016 40%),linear-gradient(180deg,#0e1016 0,#0b0c12)}body{color:var(--text)}.glass{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid var(--glass-brd);box-shadow:0 18px 40px #0206172e,inset 0 1px #ffffff26}.card{animation:pop .5s ease-out both}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.wheel-3d{filter:drop-shadow(0 20px 36px rgba(2,6,23,.28));transition:transform .2s ease}.wheel-3d:hover{transform:translateY(-2px)}.btn{padding:.6rem 1rem;border-radius:.9rem;color:#fff;background:var(--btn-solid);box-shadow:0 10px 22px #2563eb59,inset 0 1px #ffffff4d;transition:transform .05s ease,background .15s}.btn:hover{background:var(--btn-solid-hover)}.btn:active{transform:translateY(1px)}.ghost{padding:.45rem .9rem;border-radius:.75rem;border:1px solid var(--ghost-brd);background:var(--ghost-bg);color:var(--ghost-text);transition:filter .15s ease}.ghost:hover{filter:brightness(1.05)}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:9999px;font-size:.9rem;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}html.dark .chip{background:#3b82f62e;color:#c7d2fe;border-color:#3b82f659}.accent-card{background:linear-gradient(135deg,#2563eb1f,#3b82f600 55%)}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sector-label{font-weight:800;paint-order:stroke;stroke:#00000073;stroke-width:3;letter-spacing:.2px}html.dark .sector-label{stroke:#000c}.wheel-3d .rotor{will-change:transform;transform:translateZ(0)}
