:root{--bg-base: #08080c;--bg-tint-red: #200a1b;--bg-surface: rgba(255, 255, 255, .04);--bg-surface-2: rgba(255, 255, 255, .06);--bg-elev: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .07);--border-mid: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--pink: #fe2c55;--pink-strong: #ff5e7e;--pink-soft: rgba(254, 44, 85, .12);--pink-line: rgba(254, 44, 85, .3);--pink-glow: rgba(254, 44, 85, .7);--cyan: #25f4ee;--green: #2bd47f;--gold: #ffd24d;--orange: #ff8a5c;--magenta: #ff4dd2;--purple: #7b5cff;--lime: #caff4d;--text-primary: #f4f4f6;--text-secondary: #b6b6c4;--text-muted: #8a8a99;--text-dim: #6b6b7e;--text-faint: #56566a;--grad-primary: linear-gradient(135deg, #fe2c55 0%, #ff5e7e 100%);--grad-gold: linear-gradient(135deg, #ffd24d 0%, #ff8a5c 100%);--bg-radial: radial-gradient(125% 80% at 50% -8%, #200a1b 0%, #0c0911 46%, #08080c 100%);--shadow-pink: 0 14px 34px -10px rgba(254, 44, 85, .7);--shadow-gold: 0 14px 34px -10px rgba(255, 180, 77, .6);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--radius-sm: 11px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--radius-pill: 9999px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-pop: cubic-bezier(.2, 1.3, .4, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}input,select{font-family:inherit;color:inherit}::-webkit-scrollbar{width:0;height:0}.app-shell{position:relative;min-height:100%;background:var(--bg-radial)}.app-frame{max-width:460px;margin:0 auto;min-height:100vh;padding:18px 22px 32px;display:flex;flex-direction:column}@media (min-width: 720px){.app-frame{padding:26px 30px 40px}}.font-display{font-family:var(--font-display)}.t-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--pink)}.t-eyebrow-soft{font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase}.t-title{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.5px;line-height:1.05;color:var(--text-primary)}.t-display{font-family:var(--font-display);font-weight:800;font-size:38px;letter-spacing:-1px;line-height:1;color:var(--text-primary)}.t-mega{font-family:var(--font-display);font-weight:800;font-size:56px;letter-spacing:-2px;line-height:.95}.t-muted{color:var(--text-muted)}.t-dim{color:var(--text-dim)}.t-pink,.brand-name{color:var(--pink)}.btn{width:100%;height:56px;border-radius:18px;font-family:var(--font-body);font-weight:700;font-size:16.5px;letter-spacing:.2px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s var(--ease-out),filter .12s}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-pink)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-gold{background:var(--grad-gold);color:#1a0d00;box-shadow:var(--shadow-gold)}.btn-ghost{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-mid);font-weight:600}.btn-ghost:hover{background:var(--bg-surface-2)}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--border-mid);background:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-surface-2)}.card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.pa{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display);font-weight:700;color:#10060a;flex-shrink:0}.pill-toggle{display:flex;gap:5px;background:#00000040;padding:4px;border-radius:12px;flex-shrink:0}.pill-toggle button{font-family:var(--font-body);font-weight:700;font-size:13px;padding:7px 11px;border-radius:9px;background:transparent;color:var(--text-muted);white-space:nowrap}.pill-toggle button.is-active{color:#fff}.pill-toggle button.is-active[data-accent=pink]{background:var(--pink)}.pill-toggle button.is-active[data-accent=cyan]{background:var(--cyan);color:#04181a}.pill-toggle button.is-active[data-accent=gold]{background:var(--gold);color:#1a0d00}@keyframes wl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes wl-spin{to{transform:rotate(360deg)}}@keyframes wl-tally{0%{left:-40%}to{left:100%}}@keyframes wl-confetti{0%{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(640px) rotate(620deg);opacity:0}}@keyframes wl-winpop{0%{transform:scale(0) rotate(-12deg)}55%{transform:scale(1.18) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes wl-crown{0%{transform:translate(-50%) translateY(8px) scale(.4);opacity:0}60%{opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes wl-ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}@keyframes wl-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes wl-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.1em}.tag{font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border-radius:7px}.tag-green{color:var(--green);background:#2bd47f24}.tag-orange{color:var(--orange);background:#ff9a5c24}.tag-cyan{color:var(--cyan);background:#25f4ee1f}.tag-gold{color:var(--gold);background:#ffd24d24}