:root{--bg: #0a0f0d;--bg-elev: #121a16;--bg-card: #16201b;--ink: #f4f7f5;--muted: #8b9a92;--line: rgba(244, 247, 245, .08);--gold: #e0b84e;--gold-dim: #a8872f;--emerald: #1fa97a;--emerald-soft: rgba(31, 169, 122, .16);--ok: #2dd4a0;--mid: #e8c35a;--bad: #ff6b6b;--nav-h: 72px;--font: "Manrope", system-ui, sans-serif;--display: "Syne", "Manrope", system-ui, sans-serif;font-family:var(--font);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(900px 420px at 80% -10%,rgba(224,184,78,.12),transparent 55%),radial-gradient(700px 380px at 0% 20%,rgba(31,169,122,.1),transparent 50%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.shell{max-width:430px;min-height:100dvh;margin:0 auto;padding:16px 16px calc(var(--nav-h) + 20px);display:flex;flex-direction:column}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.brand-block{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--gold),#8d6a1a);color:#0a0f0d;font-family:var(--display);font-weight:800;font-size:18px;display:grid;place-items:center}.eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}h1{margin:2px 0 0;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.03em}h2{margin:20px 0 10px;font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.02em}.hello{margin:14px 0 12px;font-size:22px;font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.2}.label{margin:16px 0 8px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em}.fine{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.err{color:var(--bad);font-size:14px}.ok-text{color:var(--ok);font-size:14px}.lost{color:var(--bad);font-weight:700;margin-top:8px}button{font-family:var(--font);cursor:pointer}.lang{border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.primary,.ghost{border-radius:14px;padding:14px 16px;font-size:15px;font-weight:700;border:0}.primary{background:linear-gradient(180deg,#f0c85a,var(--gold));color:#14100a;box-shadow:0 8px 24px #e0b84e38}.primary:disabled{opacity:.55}.primary.wide{width:100%;margin-top:12px}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.rank-card,.report,.plans article,.felt,.tip-card{border:1px solid var(--line);border-radius:20px;padding:16px;background:var(--bg-card)}.rank-card{background:linear-gradient(135deg,rgba(224,184,78,.1),transparent 50%),var(--bg-card)}.rank-card strong{display:block;font-family:var(--display);font-size:28px;margin-top:4px;letter-spacing:-.03em}.meter{height:7px;background:#ffffff0f;border-radius:99px;margin:14px 0 10px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--emerald),var(--gold));border-radius:99px}.presets,.pills{display:flex;flex-wrap:wrap;gap:8px}.presets button,.pills button{border-radius:12px;padding:10px 12px;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);font-size:13px;font-weight:600}.presets button{flex:1 1 100%;text-align:left}.pills button.on,.presets button:active{background:var(--emerald-soft);border-color:#1fa97a73;color:var(--ink)}.plans{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.plans article{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:14px 16px}.plans article b{font-family:var(--display);text-transform:capitalize;font-size:16px}.plans span{grid-column:2;grid-row:1 / span 2;color:var(--gold);font-weight:800;font-size:18px}.plans p{margin:0;color:var(--muted);font-size:13px;grid-column:1}.plans .ghost{grid-column:1 / -1;margin-top:8px;padding:10px}.plans .gold{border-color:#e0b84e73}.hero-slots{display:flex;gap:10px;margin:8px 0 14px;justify-content:center}.pcard{width:68px;height:94px;border-radius:12px;background:#fffaf0;color:#121212;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;font-weight:800;box-shadow:0 10px 30px #00000059}.pcard.red{color:#d62828}.pcard.empty{background:transparent;border:1px dashed var(--line);color:var(--muted);align-items:center;justify-content:center;font-size:22px;box-shadow:none}.pcard i{font-style:normal;font-size:22px;align-self:flex-end}.deck{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.mini{border-radius:8px;padding:8px 0;font-size:11px;font-weight:700;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink)}.mini.red{color:#ff8e8e}.mini.on{background:var(--gold);color:#14100a;border-color:transparent}.action-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.action-labels button{border-radius:14px;padding:12px 8px;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);font-weight:700;font-size:13px}.action-labels button small{display:block;margin-top:4px;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.action-labels button.on.fold{background:#ff6b6b26;border-color:#ff6b6b66}.action-labels button.on.call{background:#e8c35a26;border-color:#e8c35a66}.action-labels button.on.raise{background:var(--emerald-soft);border-color:#2dd4a073}.mix-row{display:grid;grid-template-columns:72px 1fr 42px;gap:8px;align-items:center;margin:8px 0;font-size:13px;font-weight:600}.track{height:9px;background:#ffffff0f;border-radius:99px;overflow:hidden}.fill{height:100%;border-radius:99px}.fill.ok{background:var(--ok)}.fill.mid{background:var(--mid)}.fill.bad{background:var(--bad)}.report.warn{border-color:#ff6b6b59}.report.good{border-color:#2dd4a059}.verdict{font-family:var(--display);font-size:22px;font-weight:700;margin:0 0 8px;letter-spacing:-.03em}.felt{background:radial-gradient(circle at 50% 0%,rgba(31,169,122,.35),transparent 55%),linear-gradient(180deg,#1a3d2e,#0f241c);min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(31,169,122,.25)}.felt-label{margin:0 0 8px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6;font-size:11px;font-weight:700}.zones{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.zone{border-radius:16px;padding:14px 8px;text-align:center;border:1px solid var(--line);font-weight:700;background:var(--bg-card)}.zone b{display:block;font-size:12px;margin-bottom:4px}.zone span{font-family:var(--display);font-size:22px}.zone.ok{background:#2dd4a01a}.zone.mid{background:#e8c35a1a}.zone.bad{background:#ff6b6b1a}.zone.hot{outline:2px solid var(--gold);outline-offset:1px}.quiz{display:flex;flex-direction:column;gap:8px}.quiz button{text-align:left;border-radius:14px;padding:14px;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);font-weight:600}.quiz button.ok{background:#2dd4a02e;border-color:#2dd4a066}.quiz button.bad{background:#ff6b6b26;border-color:#ff6b6b59}.tip-card{margin-top:14px;background:var(--emerald-soft);border-color:#1fa97a40}.tip-card strong{display:block;margin-bottom:4px;font-family:var(--display)}.nav-dock{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(398px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-radius:22px;background:#121a16eb;border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:40}.nav-dock button{border:0;background:transparent;color:var(--muted);padding:8px 4px 6px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700}.nav-dock button svg{width:22px;height:22px}.nav-dock button.on{color:var(--ink);background:#e0b84e24}.nav-dock button.on svg{color:var(--gold);stroke:var(--gold)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:radial-gradient(700px 400px at 50% 0%,rgba(224,184,78,.18),transparent 55%),var(--bg);transition:opacity .4s ease,visibility .4s ease}.splash.out{opacity:0;visibility:hidden;pointer-events:none}.splash-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:#1fa97a33;filter:blur(50px)}.splash-mark{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,var(--gold),#8d6a1a);color:#0a0f0d;font-family:var(--display);font-weight:800;font-size:34px;display:grid;place-items:center;margin-bottom:20px;position:relative;z-index:1}.splash-eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);position:relative;z-index:1}.splash-title{margin:10px 0 8px;font-family:var(--display);font-size:34px;font-weight:800;letter-spacing:-.04em;text-align:center;position:relative;z-index:1}.splash-tagline{margin:0 0 28px;color:var(--muted);font-size:15px;text-align:center;max-width:280px;line-height:1.45;position:relative;z-index:1}.splash-bar{width:min(240px,70vw);height:3px;border-radius:99px;background:#ffffff14;overflow:hidden;position:relative;z-index:1}.splash-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--emerald),var(--gold))}.splash-status{margin:14px 0 0;font-size:13px;color:var(--muted);position:relative;z-index:1}.onboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:#050807b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboard-bg{position:absolute;top:0;right:0;bottom:0;left:0}.onboard-skip{position:absolute;top:18px;right:18px;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:14px;z-index:2}.onboard-card{position:relative;z-index:2;width:min(400px,100%);background:var(--bg-card);border:1px solid var(--line);border-radius:28px;padding:24px 20px 20px;animation:slide-up .35s ease}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.onboard-hi{margin:0 0 12px;color:var(--gold);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.onboard-dots{display:flex;gap:6px;margin-bottom:16px}.onboard-dots span{width:8px;height:8px;border-radius:99px;background:#ffffff26}.onboard-dots span.on{width:22px;background:var(--gold)}.onboard-dots span.done{background:var(--emerald)}.onboard-card h2{margin:0 0 10px;font-family:var(--display);font-size:26px;letter-spacing:-.03em}.onboard-card p{margin:0 0 8px;color:var(--muted);font-size:15px;line-height:1.5}.hist-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hist-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;font-size:13px}.hist-list em{color:var(--muted);font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.lesson-list{display:grid;gap:8px;margin-bottom:8px}.lesson-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;cursor:pointer}.lesson-list button.on{border-color:#e0b84e80}.lesson-list button span{color:var(--muted);font-size:12px;white-space:nowrap}