:root{--brand-primary:#fa0347;--brand-secondary:#fc561c;--brand-dark:#1f212e;--brand-success:#30d403;--bg:#14161f;--surface:#1f212e;--surface-2:#272a3a;--line:#ffffff14;--text:#fff;--muted:#ffffff8c;--muted-2:#ffffff52;--accent:var(--brand-primary);--accent-2:var(--brand-secondary);--cta:linear-gradient(90deg, #fa0347 0%, #fc561c 100%);--font-head:"Teko", "Open Sans", system-ui, sans-serif;--font-body:"Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:8px;--radius-lg:20px;--radius-pill:32px;--shadow:0 10px 30px #00000059;--max-w:560px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.01em;margin:0 0 .4em;font-weight:700;line-height:1.05}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.5rem}a{color:var(--accent)}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;background:var(--brand-dark);border-bottom:1px solid var(--line);padding:.75rem 1rem;padding-top:max(.75rem, env(safe-area-inset-top));align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.topbar .logo{width:auto;height:30px}.topbar .spacer{flex:1}.main{width:100%;max-width:var(--max-w);flex:1;margin:0 auto;padding:1.25rem 1rem 6rem}.tabbar{z-index:20;background:var(--brand-dark);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:1;padding:.7rem .25rem .8rem;font-size:.7rem;font-weight:600}.tabbar button.active{color:var(--text);box-shadow:inset 0 2px 0 var(--accent)}.tabbar .icon{margin-bottom:.15rem;font-size:1.15rem;display:block}.btn{font-family:var(--font-body);color:#fff;background:var(--surface-2);border-radius:var(--radius-pill);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-size:1rem;font-weight:700;transition:transform .12s,filter .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--cta)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{border:1px solid var(--line);color:var(--text);background:0 0}.btn-block{width:100%;display:flex}.btn-sm{padding:.6rem 1.1rem;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.25rem}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}input,select,textarea{background:var(--surface-2);width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-body);padding:.8rem 1rem;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}.field{margin-bottom:1rem}.muted{color:var(--muted)}.error{color:var(--accent);font-size:.9rem;font-weight:600}.badge{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--cta);color:#fff;border-color:#0000}.row{flex-wrap:wrap;gap:.6rem;display:flex}.code-input{font-family:var(--font-head);letter-spacing:.5em;text-align:center;padding-left:.5em;font-size:2.2rem}.wod-body{white-space:pre-wrap;font-size:1.05rem}.wod-body .line-h{font-family:var(--font-head);text-transform:uppercase;color:var(--text);margin-top:1rem;font-size:1.35rem}.wod-body .line-li{padding-left:1.1rem;position:relative}.wod-body .line-li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.hero{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);margin-bottom:1.25rem;overflow:hidden}.hero img{width:100%;height:auto;display:block}.locked{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;position:relative}.overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));background:#0a0b10b8;justify-content:center;align-items:flex-end;animation:.18s fade-in;display:flex;position:fixed;inset:0}@media (width>=640px){.overlay{align-items:center}}.sheet{width:100%;max-width:var(--max-w);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);max-height:85dvh;box-shadow:var(--shadow);padding:1.25rem;animation:.22s slide-up;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}}.sheet-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.sheet-head h3{margin:0}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 .4rem;font-size:1.6rem;line-height:1}.icon-btn:hover{color:var(--text)}.steps{counter-reset:step;margin:1rem 0;padding:0;list-style:none}.steps li{counter-increment:step;margin-bottom:.9rem;padding-left:2.4rem;line-height:1.5;position:relative}.steps li:before{content:counter(step);background:var(--cta);color:#fff;width:1.7rem;height:1.7rem;font-family:var(--font-head);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.steps-visual li{align-items:center;gap:.7rem;padding-left:2.4rem;display:flex}.step-icon{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);width:2.1rem;height:2.1rem;color:var(--text);flex:none;justify-content:center;align-items:center;display:inline-flex}.hint{color:var(--muted);margin-bottom:0;font-size:.85rem}.install-bar{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 4.6rem);z-index:30;max-width:var(--max-w);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f212ef5;border:1px solid #ffffff2e;border-radius:16px;align-items:center;gap:.75rem;margin:0 auto;padding:.7rem .8rem;animation:.45s both bar-in;display:flex;position:fixed;box-shadow:0 12px 40px #00000073}@keyframes bar-in{0%{opacity:0;transform:translateY(24px)}}.install-bar.no-tabbar{bottom:calc(env(safe-area-inset-bottom) + 1rem)}.install-bar-icon{border-radius:10px;flex:none;width:42px;height:42px}.install-bar-text{flex-direction:column;flex:1;min-width:0;font-size:.9rem;line-height:1.3;display:flex}.install-bar-text span{color:var(--muted);font-size:.78rem;line-height:1.35}