:root{--bg: #1a0b14;--bg-elevated: #241019;--surface: #2c1320;--surface-hi: #3a1a2b;--border: #4a2238;--text: #fdf2f8;--text-dim: #e0b8cd;--text-faint: #a07088;--primary: #ec4899;--primary-deep: #be185d;--brand: #ec4899;--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--xp: #a78bfa;--streak: #fb923c;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);--maxw: 520px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{height:100dvh;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{height:100dvh;background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{display:flex;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(236,72,153,.08),transparent 60%),var(--bg)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.01em}p{line-height:1.55}::-webkit-scrollbar{width:0;height:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.spread{justify-content:space-between}.center{display:flex;justify-content:center;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-hi);border:1px solid var(--border)}.bar{height:10px;border-radius:999px;background:var(--surface-hi);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-deep));transition:width .5s cubic-bezier(.22,1,.36,1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:var(--r-md);font-weight:700;font-size:15px;background:linear-gradient(180deg,var(--primary),var(--primary-deep));color:#04121f;transition:transform .12s ease,filter .12s ease,opacity .12s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn.subtle{background:var(--surface-hi);color:var(--text)}.btn.block{width:100%}.tap{transition:transform .12s ease}.tap:active{transform:scale(.97)}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes floatUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.floatUp{animation:floatUp .35s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}