@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--accent: #46BBC0;--accent-2: #189CAA;--accent-3: #094E53;--accent-soft: rgba(70,187,192,.16);--accent-glow: rgba(70,187,192,.45);--on-accent: #06262A;--bg-0: #0a0d0e;--bg-1: #11161A;--bg-2: #1A2125;--bg-3: #232C32;--line: rgba(236,239,244,.07);--line-strong: rgba(236,239,244,.13);--text: #ECEFF4;--text-2: #B8C4CC;--text-3: #6F7D85;--c-blue: #3F84D9;--c-amber: #F39E1F;--c-pink: #E0A5BB;--c-coral: #EE6A6A;--c-salmon: #D8998A;--c-slate: #8086A3;--lime: var(--c-amber);--warn: var(--c-amber);--pink: var(--c-coral);--purple: var(--accent-2);--good: var(--accent);--green: #34C759;--glow: 1;--type-intensity: 1;--density-pad: 16px;--density-gap: 14px;--radius: 14px;--radius-lg: 20px;font-family:JetBrains Mono,ui-monospace,SF Mono,monospace;--app-bg-0: #0a0d0e;--app-glow-a: rgba(24,156,170,.1);--app-glow-b: rgba(70,187,192,.06);--nav-from: rgba(7,7,12,.4);--nav-to: rgba(7,7,12,.95);--track: rgba(236,239,244,.05);--chip-fill: rgba(255,255,255,.03);--card-wash: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));--heading-deep: #ECEFF4;--tick-idle: rgba(236,239,244,.5)}:root[data-theme=light]{--bg-0: #E1E5EC;--bg-1: #ECEFF4;--bg-2: #FFFFFF;--bg-3: #F5F7FB;--line: rgba(15,30,34,.08);--line-strong: rgba(15,30,34,.15);--text: #0F1A1D;--text-2: #4A5A60;--text-3: #8693A0;--accent-soft: rgba(24,156,170,.12);--accent-glow: rgba(70,187,192,.28);--app-bg-0: #E5E8EE;--app-glow-a: rgba(24,156,170,.1);--app-glow-b: rgba(70,187,192,.05);--nav-from: rgba(236,239,244,.55);--nav-to: rgba(236,239,244,.96);--track: rgba(15,30,34,.06);--chip-fill: rgba(15,30,34,.035);--card-wash: linear-gradient(180deg, rgba(255,255,255,0), rgba(15,30,34,.008));--heading-deep: #094E53;--tick-idle: rgba(10,31,34,.26)}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);min-height:100dvh}body{background:radial-gradient(1200px 800px at 80% -10%,var(--app-glow-a),transparent 60%),radial-gradient(900px 700px at -10% 60%,var(--app-glow-b),transparent 55%),var(--app-bg-0);max-width:390px;margin:0 auto;min-height:100dvh;position:relative;overflow-x:hidden}body:has([data-role=trainer]){max-width:none}.coach-wrap{max-width:820px;margin:0 auto;padding:64px 24px 110px}#root{min-height:100dvh;background:var(--bg-1);color:var(--text);position:relative;overflow:hidden}.heading{font-family:Orbitron,Inter,sans-serif;letter-spacing:.04em;font-weight:800;text-transform:uppercase}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.label{font-family:JetBrains Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--text-3)}.h-bold{font-family:Orbitron,Inter,sans-serif;font-weight:calc(700 + var(--type-intensity) * 100);letter-spacing:calc(var(--type-intensity) * .04em);text-transform:uppercase}.card{background:var(--card-wash),var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:var(--density-pad)}:root[data-theme=light] .card{box-shadow:0 1px 2px #0a1f220a,0 2px 8px #0a1f2208}.card-elev{background:var(--bg-3);border:1px solid var(--line-strong);border-radius:var(--radius)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);border:none;padding:14px 18px;border-radius:12px;font-family:Orbitron,Inter,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;cursor:pointer;box-shadow:0 0 calc(28px * var(--glow)) var(--accent-glow);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong);padding:10px 14px;border-radius:10px;font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-strong);background:var(--chip-fill);color:var(--text-2)}.chip-accent{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-soft);color:var(--accent)}.chip-lime{border-color:#f39e1f66;background:#f39e1f14;color:var(--c-amber)}.chip-purple{border-color:#189caa66;background:#189caa14;color:var(--accent-2)}.chip-coral{border-color:#ee6a6a66;background:#ee6a6a14;color:var(--c-coral)}.bar{height:6px;background:var(--track);border-radius:999px;overflow:hidden;position:relative}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 calc(8px * var(--glow)) var(--accent-glow)}.bnav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:10px 8px 28px;background:linear-gradient(180deg,var(--nav-from),var(--nav-to) 60%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.bnav button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:10px;position:relative}.bnav button.active{color:var(--accent-2)}.glow-accent{box-shadow:0 0 calc(20px * var(--glow)) var(--accent-glow)}.text-glow{text-shadow:0 0 calc(12px * var(--glow)) var(--accent-glow)}.clip-hex{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.clip-tag{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.scroller{height:100%;overflow-y:auto;overflow-x:hidden}.scroller::-webkit-scrollbar{width:4px}.scroller::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),var(--accent-2));border-radius:4px}.dotted-y{background-image:linear-gradient(180deg,var(--line-strong) 50%,transparent 50%);background-size:1px 6px}@keyframes pulse-accent{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 18px 0 var(--accent-glow)}}@keyframes phasePulse{0%,to{box-shadow:0 0 6px 1px var(--accent-glow)}50%{box-shadow:0 0 16px 4px var(--accent-glow)}}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes slideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.screen-enter{animation:screenIn .26s cubic-bezier(.22,.61,.36,1)}.bnav button,.btn-primary,.btn-ghost{transition:transform .12s ease,opacity .12s ease}.bnav button:active,.btn-primary:active,.btn-ghost:active{transform:scale(.95)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.seg{display:inline-flex;background:var(--bg-1);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}.seg button{background:none;border:0;padding:6px 12px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);cursor:pointer}.seg button.active{background:var(--accent);color:var(--on-accent)}.hex{clip-path:url(#hs-hex-clip)}.hex-aspect{aspect-ratio:389 / 365}button{-webkit-tap-highlight-color:transparent}
