@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,500;1,400&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1b1f2b;--bg-outer:#0e1119;--card:#222838;--card-input:#272d3d;--btn-fill:#313850;--tabbar-bg:#171b25;--border-sub:#2c3346;--border:#353d54;--border-str:#475068;--border-btn:#4a5274;--text:#eceef5;--muted:#9aa1b5;--dim:#6b7287;--accent:#ff7a2e;--accent-dark:#b5500f;--accent-glow:0 0 22px #ff7a2e8c;--success:#56d6a0;--error:#ff6b86;--r-card:16px;--r-btn:14px;--r-chip:999px;--r-badge:8px;color:var(--text);font-family:Hanken Grotesk,sans-serif;font-size:15px}html,body,#root{background:var(--bg-outer);height:100%}#root{justify-content:center;align-items:flex-start;display:flex}.app{background:var(--bg);flex-direction:column;width:100%;max-width:430px;min-height:100dvh;display:flex;position:relative}.screen{flex:1;padding:0 24px 88px;overflow-y:auto}.screen.fullscreen{padding-bottom:0}.tabbar{background:var(--tabbar-bg);border-top:1px solid var(--border-sub);z-index:100;width:100%;max-width:430px;height:68px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar-item{cursor:pointer;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:10px;font-weight:700;transition:color .15s;display:flex}.tabbar-item.active{color:var(--accent)}.tabbar-item svg{width:22px;height:22px}.btn{border-radius:var(--r-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:16px 24px;font-family:inherit;font-size:18px;font-weight:800;line-height:1;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-primary{background:var(--btn-fill);color:var(--text);border:1px solid var(--border-btn);box-shadow:0 6px #11141f}.btn-primary:active{transform:translateY(3px);box-shadow:0 3px #11141f}.btn-accent{background:var(--accent);color:#11141f;box-shadow:0 6px 0 var(--accent-dark)}.btn-accent:active{box-shadow:0 3px 0 var(--accent-dark);transform:translateY(3px)}.btn-ghost{color:var(--muted);box-shadow:none;background:0 0;padding:12px 0;font-size:15px;font-weight:600}.btn-full{width:100%}.card{background:var(--card);border-radius:var(--r-card);border:1px solid var(--border-sub);padding:16px}.toggle-track{cursor:pointer;background:#3a4257;border:none;border-radius:999px;flex-shrink:0;width:46px;height:28px;transition:background .2s;position:relative}.toggle-track.on{background:var(--accent)}.toggle-knob{pointer-events:none;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-track.on .toggle-knob{transform:translate(18px)}.display{font-family:Newsreader,serif}.display-hero{font-size:70px;line-height:1}.display-word{font-size:60px;line-height:1.1}.display-result{font-size:44px;line-height:1.1}.display-title{font-size:30px}.display-stat{font-size:28px;font-weight:500}.display-list{font-size:19px}.glow{text-shadow:var(--accent-glow);color:var(--accent)}.chip{border-radius:var(--r-chip);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.chip-accent{color:var(--accent);background:#ff7a2e29}.chip-success{color:var(--success);background:#56d6a029}.chip-error{color:var(--error);background:#ff6b8629}.chip-muted{background:var(--card-input);color:var(--muted)}.progress-bar{background:var(--border-sub);border-radius:999px;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.suffix-hl{color:var(--accent);background:#ff7a2e38;border-radius:4px;padding:0 4px}.heatmap{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;display:grid}.heatmap-cell{border-radius:3px;width:14px;height:14px}.divider{background:var(--border-sub);height:1px;margin:4px 0}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-muted{color:var(--muted)}.text-dim{color:var(--dim)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.fw-800{font-weight:800}.fw-700{font-weight:700}.fw-600{font-weight:600}.upper{text-transform:uppercase;letter-spacing:.1em}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.pt-6{padding-top:24px}.pb-4{padding-bottom:16px}.w-full{width:100%}.text-sm{font-size:13px}.text-xs{font-size:11px}.shrink-0{flex-shrink:0}