@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg: #07131b;--panel: rgba(10, 26, 36, .78);--panel-strong: rgba(11, 28, 39, .92);--line: rgba(255, 255, 255, .1);--text: #ecf6f7;--muted: #a4bcc0;--teal: #4de2d0;--teal-2: #17bfa7;--coral: #ff7c62;--gold: #f4c35a;--shadow: 0 18px 60px rgba(0, 0, 0, .35);--radius: 22px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 10%,#123546 0%,transparent 45%),radial-gradient(circle at 92% 15%,#3e2b23 0%,transparent 35%),radial-gradient(circle at 80% 90%,#0f2631 0%,transparent 40%),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.app-shell{position:relative;min-height:100vh;padding:1.25rem;overflow-x:clip}.bg-orb{position:fixed;width:28rem;height:28rem;border-radius:999px;filter:blur(30px);opacity:.25;pointer-events:none;z-index:0}.bg-orb-a{top:-6rem;right:-4rem;background:radial-gradient(circle,var(--teal) 0%,transparent 65%)}.bg-orb-b{left:-8rem;bottom:-8rem;background:radial-gradient(circle,var(--coral) 0%,transparent 68%)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);pointer-events:none;z-index:0}.topbar,.page-wrap{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border:1px solid var(--line);background:#07131ba6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow)}.brand{display:flex;gap:.9rem;align-items:center}.brand h1{margin:0;font-size:1.1rem}.brand-eyebrow{margin:0;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.brand-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#4de2d033,#ff7c6238);border:1px solid rgba(255,255,255,.12);font-weight:700}.nav-links{display:flex;gap:.55rem}.nav-link{text-decoration:none;color:var(--muted);padding:.6rem .9rem;border-radius:999px;border:1px solid transparent}.nav-link.is-active{color:var(--text);background:#ffffff0d;border-color:#ffffff14}.page-wrap{max-width:1400px;margin:1rem auto 0}.page-stack{display:grid;gap:1rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 100%),var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);padding:1rem}.panel.slim{display:flex;gap:1rem;align-items:center;justify-content:space-between}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.85rem}.panel-head h2{margin:0;font-size:1.1rem}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}.hero h2{margin:.25rem 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.05;letter-spacing:-.02em}.eyebrow{margin:0;color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.muted{color:var(--muted);margin:.5rem 0 0;line-height:1.4}.micro-note{margin-top:.75rem;font-size:.85rem}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.stat-card{border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:.85rem;min-height:88px}.stat-card span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.35rem}.stat-card strong{font-size:1rem;line-height:1.15}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.two-col-wide{grid-template-columns:1.2fr 1fr}.trainer-panel{padding:1.1rem}.trainer-body{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.ring-wrap{position:relative;width:260px;height:260px;display:grid;place-items:center;--ring-start: rgba(255, 255, 255, .35);--ring-end: rgba(255, 255, 255, .15)}.ring-wrap.tone-hold{--ring-start: #56efd7;--ring-end: #2fb2a7}.ring-wrap.tone-release{--ring-start: #ffa485;--ring-end: #ff6f73}.ring-wrap.tone-prep{--ring-start: #ffd887;--ring-end: #f3b44e}.countdown-ring{transform:rotate(-90deg)}.ring-track{stroke:#ffffff14}.ring-progress{stroke:url(#ringGradient);stroke-linecap:round;transition:stroke-dashoffset .08s linear;filter:drop-shadow(0 0 16px rgba(77,226,208,.25))}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:.2rem}.ring-time{font-size:3rem;font-weight:700;line-height:1}.ring-phase{color:var(--muted);font-size:.95rem}.trainer-side{display:grid;gap:.8rem}.phase-banner{border-radius:16px;border:1px solid var(--line);padding:.9rem;background:#ffffff08}.phase-banner strong{display:block;font-size:1.25rem;margin-top:.2rem}.phase-banner span,.phase-banner p{margin:0}.phase-banner p{color:var(--muted)}.phase-banner span{color:var(--muted);font-size:.9rem}.phase-hold{box-shadow:inset 0 0 0 1px #4de2d033}.phase-release{box-shadow:inset 0 0 0 1px #ff7c6238}.phase-prep{box-shadow:inset 0 0 0 1px #f4c35a38}.wave-bars{height:3.2rem;display:flex;align-items:flex-end;gap:.35rem;padding:.4rem .2rem}.wave-bars span{flex:1;min-width:.3rem;background:linear-gradient(180deg,#4de2d0e6,#ff7c628c);border-radius:999px;animation:wavePulse 1.2s ease-in-out infinite;animation-delay:var(--delay);transform-origin:bottom}@keyframes wavePulse{0%,to{transform:scaleY(.25);opacity:.35}50%{transform:scaleY(1);opacity:1}}.progress-stack{display:grid;gap:.65rem}.progress-stack label{display:grid;gap:.35rem;color:var(--muted);font-size:.85rem}progress{width:100%;height:.6rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;overflow:hidden;background:#ffffff0f}progress::-webkit-progress-bar{background:#ffffff0f}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--teal),var(--coral));border-radius:999px}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--teal),var(--coral));border-radius:999px}.inline-actions{display:flex;flex-wrap:wrap;gap:.65rem}.primary-button,.secondary-button,.danger-button,.ghost-button,.sound-toggle{border-radius:999px;border:1px solid transparent;padding:.62rem .95rem;color:var(--text);background:transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.primary-button{background:linear-gradient(135deg,#4de2d033,#4de2d014);border-color:#4de2d04d}.secondary-button{background:#ffffff08;border-color:#ffffff14}.ghost-button{border-color:#ffffff14;color:var(--muted)}.danger-button{border-color:#ff7c6259;background:#ff7c6214}.sound-toggle{border-color:#ffffff14;color:var(--muted)}.sound-toggle.is-on{color:var(--text);background:#ffffff0a}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.ghost-button:hover,.sound-toggle:hover{transform:translateY(-1px)}.phase-strip{list-style:none;margin:.8rem 0 0;padding:0;display:flex;gap:.4rem;flex-wrap:wrap}.phase-pill{padding:.32rem .55rem;border-radius:999px;font-size:.78rem;color:var(--muted);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.phase-pill.hold{border-color:#4de2d033}.phase-pill.release{border-color:#ff7c6233}.phase-pill.prep{border-color:#f4c35a33}.phase-pill.is-past{opacity:.55}.phase-pill.is-current{color:var(--text);background:#ffffff14}.phase-pill.more{opacity:.8}.program-grid{display:grid;gap:.75rem}.program-grid.compact .program-card{padding:.85rem}.program-card{border-radius:18px;border:1px solid var(--line);background:#ffffff08;padding:.95rem;display:grid;gap:.65rem}.program-card.is-selected{box-shadow:inset 0 0 0 1px #4de2d038}.program-card.accent-teal{background-image:linear-gradient(135deg,rgba(77,226,208,.05),transparent 65%)}.program-card.accent-coral{background-image:linear-gradient(135deg,rgba(255,124,98,.08),transparent 65%)}.program-card.accent-gold{background-image:linear-gradient(135deg,rgba(244,195,90,.08),transparent 65%)}.program-card-head{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start}.program-card-head h3{margin:.15rem 0 0;font-size:1rem}.program-card-tag{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.program-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0}.program-metrics div{border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff05;padding:.45rem}.program-metrics dt{margin:0;color:var(--muted);font-size:.72rem}.program-metrics dd{margin:.15rem 0 0;font-weight:600}.program-card-foot{display:flex;flex-wrap:wrap;gap:.45rem}.stat-pill{font-size:.78rem;padding:.3rem .55rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.stat-pill.subtle{color:var(--muted)}.history-list{display:grid;gap:.55rem}.history-row{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.history-row strong{display:block}.history-row p{margin:.15rem 0 0}.history-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;align-content:center}.history-metrics span{font-size:.78rem;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.empty-state{border-radius:16px;border:1px dashed rgba(255,255,255,.14);background:#ffffff05;padding:1rem;color:var(--muted)}.empty-state p{margin:0}.program-form{display:grid;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.field{display:grid;gap:.35rem}.field span{color:var(--muted);font-size:.82rem}.field input,.field textarea,.field select{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);padding:.65rem .75rem}.field textarea{resize:vertical}.field-full{grid-column:1 / -1}.toggle-field{align-content:end}.toggle-field input{width:1.1rem;height:1.1rem;justify-self:start}.increment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.85rem;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:#ffffff05}.increment-grid h4{grid-column:1 / -1;margin:0;font-size:.95rem}.increment-grid.is-disabled{opacity:.55}@media(max-width:1100px){.hero,.two-col,.two-col-wide{grid-template-columns:1fr}.trainer-body{grid-template-columns:1fr;justify-items:center}.trainer-side{width:100%}.panel.slim{display:grid;justify-content:stretch}}@media(max-width:700px){.app-shell{padding:.8rem}.topbar{flex-direction:column;align-items:stretch}.nav-links{justify-content:space-between}.nav-link{flex:1;text-align:center}.hero-stats,.form-grid,.increment-grid,.program-metrics{grid-template-columns:1fr}.ring-wrap,.countdown-ring{width:220px;height:220px}.ring-time{font-size:2.4rem}.history-row{flex-direction:column}.history-metrics{justify-content:flex-start}.home-page .home-hero,.home-page .home-shelf,.home-page .home-history{display:none}.home-page .home-main{gap:0}.home-page .trainer-panel{padding:.9rem}.home-page .trainer-panel .panel-head{margin-bottom:.65rem}.home-page .trainer-panel .trainer-body{gap:.75rem}.home-page .trainer-panel .wave-bars,.home-page .trainer-panel .progress-stack,.home-page .trainer-panel .phase-strip{display:none}.home-page .trainer-panel .phase-banner{padding:.75rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.wave-bars span,.primary-button,.secondary-button,.danger-button,.ghost-button,.sound-toggle{animation:none!important;transition:none!important}}