:root,:root[data-theme=dark]{--bg: #0e1130;--surface: #1b1f4b;--panel: #262b5c;--text: #f1f2ff;--text-dim: #a8abd0;--outline: rgba(255, 255, 255, .14);--primary: #6c63ff;--secondary: #22d3ee;--gold: #ffc94d;--green: #34d399;--coral: #ff8a80;--coin: #ffd54f;--streak: #ff9e5e;--finger-pinky: #f472b6;--finger-ring: #fb923c;--finger-middle: #facc15;--finger-index: #38bdf8;--finger-thumb: #a78bfa;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--scrim: rgba(14, 17, 48, .8)}:root[data-theme=light]{--bg: #f3f4ff;--surface: #ffffff;--panel: #e7e9fb;--text: #1b1f4b;--text-dim: #5a5e8a;--outline: rgba(27, 31, 75, .14);--shadow: 0 6px 20px rgba(27, 31, 75, .12);--scrim: rgba(27, 31, 75, .55)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Trebuchet MS,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}code,.mono{font-family:SF Mono,Cascadia Mono,Menlo,Consolas,Courier New,monospace}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}.screen{min-height:100%;max-width:1100px;margin:0 auto;padding:20px 20px 40px;display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border:1px solid var(--outline);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.panel{background:var(--panel);border-radius:16px;padding:12px 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:12px 22px;font-weight:700;font-size:16px;background:var(--panel);color:var(--text);transition:transform .08s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:#06283a}.btn-gold{background:var(--gold);color:#4a3200}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px}.title{font-size:26px;font-weight:800;margin:0}.subtitle{color:var(--text-dim);font-weight:600;margin:0}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.bar{height:12px;border-radius:999px;background:var(--panel);overflow:hidden}.bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .3s ease}@keyframes pulseKey{0%,to{box-shadow:0 0 #6c63ffcc}50%{box-shadow:0 0 0 7px #6c63ff00}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}