@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/roboto-subset.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*,:before,:after{box-sizing:border-box}html,body,div,span,header,nav,main,section,article,aside,footer,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ul,ol,li,dl,dt,dd,figure,figcaption,table,caption,thead,tbody,tr,th,td,form,fieldset,legend,label,input,button,select,textarea,dialog,a{box-sizing:border-box;margin:0;padding:0}img,svg,video,canvas{block-size:auto;max-inline-size:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul:where([role=list]),ol:where([role=list]),nav ul{list-style:none}}@layer base{html{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5;@media (prefers-reduced-motion:reduce){scroll-behavior:auto}}body{text-align:start;flex-direction:column;min-block-size:100dvh;line-height:1.6;display:flex;position:relative;overflow-x:clip}h1,h2,h3,h4,h5,h6{text-wrap:balance;letter-spacing:-.03em;font-weight:800;line-height:1.12}p,li,blockquote,dd{text-wrap:pretty;overflow-wrap:break-word}p{max-inline-size:68ch}a{color:inherit;text-decoration:none}:where(a:any-link,button,input,select,[tabindex="0"]):focus-visible{outline:2px solid var(--emerald-400);outline-offset:3px}::selection{color:var(--text-primary);background-color:#10b9814d}}@layer theme{:root{--in-oklab: ;--in-oklch: ;--emerald-500:#10b981;--emerald-400:#34d399;--emerald-600:#059669;--amber-500:#f59e0b;--amber-400:#fbbf24;--indigo-500:#6366f1;--indigo-400:#818cf8;--blue-500:#3b82f6;--sky-400:#38bdf8;--violet-500:#a855f7;--rose-500:#f43f5e;--orange-500:#f97316;--teal-500:#14b8a6;--active-phase-color:#10b981;--active-phase-glow:#10b9813d;--bg-canvas-dark:#060911;--bg-canvas-light:#f8fafc;--bg-elevated-dark:#0d1322;--bg-elevated-light:#fff;--bg-card-dark:#11192ab8;--bg-card-light:#ffffffe0;--bg-glass-dark:#0d1322c2;--bg-glass-light:#ffffffd1;--text-primary-dark:#f8fafc;--text-primary-light:#0f172a;--text-secondary-dark:#94a3b8;--text-secondary-light:#475569;--text-muted-dark:#64748b;--text-muted-light:#64748b;--border-subtle-dark:#ffffff14;--border-subtle-light:#0f172a1a;--border-highlight-dark:#ffffff29;--border-highlight-light:#0f172a2e;--scrollbar-thumb-dark:#334155;--scrollbar-thumb-light:#94a3b8;--scrollbar-track-dark:#090d16;--scrollbar-track-light:#e2e8f0;--bg-canvas:var(--bg-canvas-dark);--bg-elevated:var(--bg-elevated-dark);--bg-card:var(--bg-card-dark);--bg-glass:var(--bg-glass-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-muted:var(--text-muted-dark);--border-subtle:var(--border-subtle-dark);--border-highlight:var(--border-highlight-dark);--scrollbar-thumb:var(--scrollbar-thumb-dark);--scrollbar-track:var(--scrollbar-track-dark);@media (prefers-color-scheme:light){&:where([data-theme=system]){--bg-canvas:var(--bg-canvas-light);--bg-elevated:var(--bg-elevated-light);--bg-card:var(--bg-card-light);--bg-glass:var(--bg-glass-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-muted:var(--text-muted-light);--border-subtle:var(--border-subtle-light);--border-highlight:var(--border-highlight-light);--scrollbar-thumb:var(--scrollbar-thumb-light);--scrollbar-track:var(--scrollbar-track-light)}}@supports (color:light-dark(white, black)){--bg-canvas:light-dark(var(--bg-canvas-light),var(--bg-canvas-dark));--bg-elevated:light-dark(var(--bg-elevated-light),var(--bg-elevated-dark));--bg-card:light-dark(var(--bg-card-light),var(--bg-card-dark));--bg-glass:light-dark(var(--bg-glass-light),var(--bg-glass-dark));--text-primary:light-dark(var(--text-primary-light),var(--text-primary-dark));--text-secondary:light-dark(var(--text-secondary-light),var(--text-secondary-dark));--text-muted:light-dark(var(--text-muted-light),var(--text-muted-dark));--border-subtle:light-dark(var(--border-subtle-light),var(--border-subtle-dark));--border-highlight:light-dark(var(--border-highlight-light),var(--border-highlight-dark));--scrollbar-thumb:light-dark(var(--scrollbar-thumb-light),var(--scrollbar-thumb-dark));--scrollbar-track:light-dark(var(--scrollbar-track-light),var(--scrollbar-track-dark))}color-scheme:light dark;accent-color:var(--emerald-500);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:9999px;--shadow-ambient:0 1px 2px #00000040, 0 12px 32px -8px #00000073, 0 32px 64px -16px #0000008c}:root[data-theme=dark]{color-scheme:dark;--bg-canvas:var(--bg-canvas-dark);--bg-elevated:var(--bg-elevated-dark);--bg-card:var(--bg-card-dark);--bg-glass:var(--bg-glass-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-muted:var(--text-muted-dark);--border-subtle:var(--border-subtle-dark);--border-highlight:var(--border-highlight-dark);--scrollbar-thumb:var(--scrollbar-thumb-dark);--scrollbar-track:var(--scrollbar-track-dark)}:root[data-theme=light]{color-scheme:light;--bg-canvas:var(--bg-canvas-light);--bg-elevated:var(--bg-elevated-light);--bg-card:var(--bg-card-light);--bg-glass:var(--bg-glass-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-muted:var(--text-muted-light);--border-subtle:var(--border-subtle-light);--border-highlight:var(--border-highlight-light);--scrollbar-thumb:var(--scrollbar-thumb-light);--scrollbar-track:var(--scrollbar-track-light)}@supports (background:linear-gradient(in oklab, white, black)){:root{--in-oklab:in oklab;--in-oklch:in oklch}}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}}}@layer layout{.container{inline-size:min(1200px,100% - 2.5rem);margin-inline:auto}.container-narrow{inline-size:min(860px,100% - 2.5rem);margin-inline:auto}.section{padding-block:clamp(4.5rem,8vw,7.5rem);position:relative}.section-header{text-align:center;max-inline-size:46rem;margin-block-end:clamp(2.75rem,5vw,4rem);margin-inline:auto}.section-header p{color:var(--text-secondary);margin-block-start:1rem;margin-inline:auto;font-size:clamp(1.05rem,.95rem + .35vw,1.2rem)}.section-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--emerald-400);border-radius:var(--radius-pill);background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:.5rem;margin-block-end:1rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:700;display:inline-flex}.section-title{font-size:clamp(2rem,1.5rem + 2.5vw,3.25rem)}}@layer components{.ambient-canvas{pointer-events:none;z-index:-1;isolation:isolate;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(110px);opacity:.45;border-radius:50%;transition:background-color .8s,transform .8s;position:absolute}.ambient-orb-primary{background:radial-gradient(circle var(--in-oklab), var(--active-phase-color), transparent 70%);block-size:44rem;inline-size:44rem;inset-block-start:-14rem;inset-inline-start:50%;translate:-50%}.ambient-orb-secondary{background:radial-gradient(circle var(--in-oklab), #6366f159, transparent 70%);block-size:34rem;inline-size:34rem;inset-block-start:28rem;inset-inline-end:-10rem}.ambient-grid{background-image:linear-gradient(to right, var(--border-subtle) 1px, transparent 1px), linear-gradient(to bottom, var(--border-subtle) 1px, transparent 1px);opacity:.45;background-size:4rem 4rem;position:absolute;inset:0;mask-image:radial-gradient(80% 55% at 50% 15%,#000 20%,#0000 100%)}.site-header{z-index:50;margin-block-start:.85rem;padding-inline:1rem;position:sticky;inset-block-start:.85rem}.nav-bar{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);justify-content:space-between;align-items:center;gap:1rem;inline-size:min(1200px,100%);margin-inline:auto;padding:.65rem 1.15rem;display:flex;box-shadow:0 8px 32px -8px #00000059}.brand-link{letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:800;display:inline-flex}.brand-icon{border-radius:.55rem;flex-shrink:0;block-size:2.15rem;inline-size:2.15rem;box-shadow:0 4px 12px #10b98140}.brand-meta{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.version-pill{font-size:.72rem;font-weight:700;font-family:var(--font-mono);color:var(--emerald-400);border-radius:var(--radius-pill);background:#10b98124;border:1px solid #10b9814d;padding:.15rem .5rem}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-pill);white-space:nowrap;padding:.45rem .75rem;font-size:.88rem;font-weight:600;transition:color .18s,background-color .18s}.nav-links a:hover{color:var(--text-primary);background:#ffffff0f}.nav-actions{align-items:center;gap:.5rem;display:flex}.theme-toggle-btn{border:1px solid var(--border-subtle);min-block-size:2.35rem;min-inline-size:2.35rem;color:var(--text-secondary);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.theme-toggle-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-highlight);transform:translateY(-1px)}.btn{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;gap:.55rem;min-block-size:2.65rem;padding:.55rem 1.15rem;font-size:.92rem;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg var(--in-oklab), var(--emerald-400), var(--emerald-600));color:#022c22;box-shadow:0 6px 20px -4px #10b98173}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px -4px #10b981a6}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){border-color:var(--border-highlight);transform:translateY(-2px)}.btn-lg{min-block-size:3.35rem;padding:.85rem 1.6rem;font-size:1.02rem}.hero{padding-block:clamp(3rem,6vw,5.5rem) clamp(4rem,7vw,6.5rem)}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(2.5rem,5vw,4.5rem);display:grid}.hero-badge-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-block-end:1.5rem;display:flex}.hero-announcement{border-radius:var(--radius-pill);color:var(--emerald-400);background:#10b9811a;border:1px solid #10b98147;align-items:center;gap:.55rem;padding:.38rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.pulse-dot{background:var(--emerald-400);block-size:.5rem;inline-size:.5rem;box-shadow:0 0 10px var(--emerald-400);border-radius:50%}.hero-title{letter-spacing:-.04em;margin-block-end:1.35rem;font-size:clamp(2.65rem,1.85rem + 3.8vw,4.6rem);line-height:1.04}.hero-title-accent{background:linear-gradient(120deg var(--in-oklab), #fff 0%, var(--emerald-400) 55%, var(--amber-400) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .hero-title-accent{background:linear-gradient(120deg var(--in-oklab), #0f172a 0%, #059669 55%, #d97706 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-inline-size:54ch;margin-block-end:2rem;font-size:clamp(1.1rem,1rem + .45vw,1.3rem)}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:.9rem;margin-block-end:2.25rem;display:flex}.hero-cta-group .btn-lg{border-radius:1rem;min-block-size:3.45rem;padding:.75rem 1.35rem;font-size:.96rem}.store-badge-btn{background:var(--bg-elevated);border:1px solid var(--border-highlight);min-block-size:3.45rem;color:var(--text-primary);box-shadow:var(--shadow-ambient);border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1.35rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex}.store-badge-btn:hover:not(.store-badge-soon){border-color:var(--emerald-400);transform:translateY(-2px);box-shadow:0 12px 30px -8px #10b98159}.store-badge-soon{cursor:default;user-select:none;border-style:dashed}.store-badge-soon svg{opacity:.75}.store-badge-text{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.store-badge-small{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.68rem;font-weight:600}.store-badge-large{font-size:1.02rem;font-weight:800}.trust-strip{border-block-start:1px solid var(--border-subtle);flex-wrap:wrap;gap:.6rem 1.25rem;padding-block-start:1.5rem;display:flex}.trust-item{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.875rem;font-weight:600;display:inline-flex}.trust-item svg{color:var(--emerald-400);flex-shrink:0}.hero-stage{flex-direction:column;align-items:center;gap:1.1rem;display:flex;position:relative}.stage-badge{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-primary);user-select:none;align-items:center;gap:.55rem;padding:.42rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #00000040}.phone-chassis{aspect-ratio:9/16;inline-size:min(358px,100%);box-shadow:0 0 0 1px #ffffff24 inset, 0 25px 60px -12px #000000bf, 0 0 80px -10px var(--active-phase-glow);background:linear-gradient(145deg,#273549 0%,#0f172a 45%,#1e293b 100%);border-radius:2.65rem;padding:.55rem;transition:box-shadow .4s;position:relative}.phone-viewport{border-radius:2.15rem;block-size:100%;inline-size:100%;position:relative;overflow:hidden}.app-screen{color:#fff;user-select:none;background-color:#1e293b;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;padding-inline:18px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .35s;display:flex;position:relative}.app-screen[data-phase=idle]{background-color:#1e293b}.app-screen[data-phase=prepare]{background-color:#6366f1}.app-screen[data-phase=work]{background-color:#047857}.app-screen[data-phase=rest]{background-color:#b45309}.app-screen[data-phase=finished]{background-color:#1d4ed8}.app-statusbar{color:#fff;z-index:4;justify-content:space-between;align-items:center;padding-block:8px 4px;font-size:12px;font-weight:600;display:flex}.app-status-time{font-variant-numeric:tabular-nums;letter-spacing:.2px}.app-status-icons{align-items:center;gap:5px;display:flex}.app-floating-top-bar{z-index:10;position:absolute;inset-block-start:30px;inset-inline-end:18px}.app-settings-icon-btn{color:#fff;background-color:#00000038;border:1px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;block-size:40px;inline-size:40px;transition:opacity .15s,transform .15s;display:inline-flex}.app-settings-icon-btn:active:not(:disabled){opacity:.8;transform:scale(.96)}.app-settings-icon-btn:disabled{opacity:.35;cursor:default}.app-main-content{margin-block-top:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;inline-size:100%;display:flex}.app-card-wrapper{flex-direction:column;align-items:center;inline-size:100%;display:flex}.app-workout-title-btn{justify-content:center;align-items:center;max-inline-size:96%;margin-block-end:14px;padding-block:4px;padding-inline:10px;transition:transform .12s,opacity .12s;display:flex}.app-workout-title-btn:active:not(:disabled){opacity:.85;transform:scale(.98)}.app-workout-title-text{color:#fff;letter-spacing:1.5px;text-align:center;text-shadow:0 2px 6px #00000038;white-space:nowrap;font-size:31px;font-weight:700;line-height:1.1}.app-timer-card{background-color:#00000038;border-radius:28px;flex-direction:column;align-items:center;inline-size:100%;padding-block:20px;padding-inline:14px;display:flex;position:relative}.app-border-svg{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.app-phase-container{justify-content:center;align-items:center;margin-block-end:5px;display:flex}.app-phase-label{color:#fff;letter-spacing:3.5px;text-transform:uppercase;opacity:.9;font-size:20px;font-weight:700;line-height:1.2}.app-round-banner{background-color:#ffffff29;border-radius:16px;justify-content:center;align-items:center;margin-block:4px 7px;padding-block:7px;padding-inline:22px;transition:transform .12s,opacity .12s;display:inline-flex;position:relative}.app-round-banner:active:not(:disabled){opacity:.85;transform:scale(.98)}.app-round-label-text{color:#ffffffd9;letter-spacing:1.8px;font-variant-numeric:tabular-nums;z-index:1;font-size:21px;font-weight:700;line-height:1.15;position:relative}.app-round-current-text{color:#fff;font-size:26px;font-weight:700}.app-round-total-text{color:#ffffffb3;font-size:19px;font-weight:500}.app-upcoming-pill{background-color:#ffffff1f;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;gap:4px;margin-block:2px 4px;padding-block:4px;padding-inline:11px;display:inline-flex}.app-upcoming-pill[hidden]{display:none}.app-upcoming-text{color:#ffffffd9;letter-spacing:.45px;font-size:11.5px;font-weight:700}.app-upcoming-highlight{color:#fff;font-weight:700}.app-timer-display-container{flex-direction:column;justify-content:center;align-items:center;inline-size:100%;margin-block:6px;display:flex}.app-timer-center-row{justify-content:center;align-items:flex-end;inline-size:100%;display:flex}.app-timer-text{color:#fff;letter-spacing:-2px;font-variant-numeric:tabular-nums;text-shadow:0 4px 8px #0000004d;font-size:76px;font-weight:700;line-height:1}.app-hundredths-container{margin-inline-start:2px;padding-block-end:9px}.app-hundredths-text{color:#ffffffe0;letter-spacing:-.5px;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px #0000004d;font-size:24px;font-weight:700;line-height:1}.app-remaining-text{color:#ffffffa6;letter-spacing:.4px;margin-block-start:8px;font-size:13px;font-weight:500}.app-controls-row{gap:10px;inline-size:100%;margin-block:10px 13px;display:flex}.app-primary-btn{background-color:#fff;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:9px;padding-block:15px;transition:transform .12s,opacity .12s;display:flex;box-shadow:0 4px 6px #00000040}.app-primary-btn:active{opacity:.85;transform:scale(.98)}.app-primary-btn *,.app-icon-btn *,.app-aux-btn *,.app-settings-icon-btn *{pointer-events:none}.app-primary-btn-icon{color:#0f172a;justify-content:center;align-items:center;display:inline-flex}.app-primary-btn-text{color:#0f172a;font-size:18px;font-weight:700}.app-icon-btn{color:#fff;background-color:#fff3;border-radius:18px;justify-content:center;align-items:center;block-size:54px;inline-size:54px;transition:transform .12s,opacity .12s;display:inline-flex}.app-icon-btn:active{opacity:.85;transform:scale(.98)}.app-aux-controls-row{inline-size:100%;display:flex}.app-aux-btn{color:#fff;background-color:#fff3;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;padding-block:12px;transition:opacity .18s,transform .12s;display:flex}.app-aux-btn[data-dimmed=true]{opacity:.4}.app-aux-btn:active:not(:disabled){opacity:.85;transform:scale(.98)}.app-aux-btn-text{color:#fff;font-size:14px;font-weight:700}.app-home-indicator{background-color:#00000073;border-radius:2px;block-size:4px;inline-size:96px;margin-block-end:6px;margin-inline:auto}.app-modal-overlay{z-index:30;background-color:#000000b8;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.app-modal-overlay[hidden]{display:none}.app-modal-sheet{background-color:#0f172a;border-block-start:1px solid #ffffff1f;border-start-start-radius:24px;border-start-end-radius:24px;max-block-size:86%;padding:16px 14px 20px;overflow-y:auto}.app-modal-header{justify-content:space-between;align-items:center;margin-block-end:14px;display:flex}.app-modal-title{color:#fff;letter-spacing:-.4px;font-size:19px;font-weight:900}.app-modal-header-right{align-items:center;gap:8px;display:flex}.app-one-tap-badge{background-color:#10b9811a;border:1px solid #10b98159;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.app-one-tap-dot{background-color:#10b981;border-radius:50%;block-size:5px;inline-size:5px}.app-one-tap-text{color:#10b981;letter-spacing:.6px;font-size:8.5px;font-weight:800}.app-modal-close-btn{color:#fff;padding:4px;font-size:18px;line-height:1}.app-workouts-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-block-end:10px;display:grid}.app-workout-card{text-align:start;background-color:#1e293b;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;justify-content:center;gap:2px;padding:11px;transition:transform .12s,border-color .12s;display:flex}.app-workout-card[data-active=true]{border-width:2px}.app-workout-card-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.app-workout-card-title{color:#fff;font-size:13.5px;font-weight:900}.app-workout-card-dot{border-radius:50%;flex-shrink:0;block-size:8px;inline-size:8px}.app-workout-card-sub{font-size:10.5px;font-weight:800;display:block}.app-workout-card-total{color:#94a3b8;font-size:9.5px;font-weight:600;display:block}.app-workouts-bottom-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app-add-workout-btn{color:#10b981;background-color:#10b9811f;border:1px solid #10b98159;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:10px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.app-edit-workouts-btn{color:#cbd5e1;background-color:#1e293bcc;border:1px solid #334155cc;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:10px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.app-setting-row{border-block-end:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-block:12px;display:flex}.app-setting-row-last{border-block-end:none}.app-setting-label{color:#fff;font-size:14px;font-weight:700}.app-setting-sublabel{color:#94a3b8;margin-block-start:2px;font-size:11px}.app-toggle-chip{color:#fff;background-color:#334155;border-radius:9px;justify-content:center;align-items:center;block-size:32px;inline-size:56px;font-size:12px;font-weight:800;display:inline-flex}.app-toggle-chip[data-active=true]{background-color:#10b981}.phone-screenshot-view{background:#090d16;border-radius:2.15rem;block-size:100%;inline-size:100%;position:relative;overflow:hidden}.phone-screenshot-view img{object-fit:cover;block-size:100%;inline-size:100%}.stage-caption{color:var(--text-secondary);text-align:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}kbd{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border-highlight);box-shadow:0 2px 0 var(--border-subtle);border-radius:.35rem;padding:.15rem .45rem;font-size:.74rem;font-weight:700}.phase-strip-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-block-end:2rem;display:grid}.phase-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:start;padding:1.5rem;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.phase-card:hover{border-color:var(--phase-accent,var(--emerald-500));transform:translateY(-3px)}.phase-card[aria-pressed=true]{border-color:var(--phase-accent,var(--emerald-500));box-shadow:0 12px 32px -10px var(--phase-shadow,#10b98159)}.phase-swatch{font-family:var(--font-mono);color:var(--phase-accent);align-items:center;gap:.5rem;margin-block-end:.75rem;font-size:.78rem;font-weight:700;display:inline-flex}.phase-dot{background:var(--phase-accent);block-size:.75rem;inline-size:.75rem;box-shadow:0 0 12px var(--phase-accent);border-radius:50%}.phase-card h3,.phase-card-title{letter-spacing:-.03em;margin-block-end:.4rem;font-size:1.2rem;font-weight:800;line-height:1.15;display:block}.phase-card p,.phase-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6;display:block}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.25rem;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);flex-direction:column;justify-content:space-between;gap:1.5rem;padding:clamp(1.5rem,3vw,2.25rem);transition:border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden;container-type:inline-size}.bento-card:hover{border-color:var(--border-highlight)}.bento-span-7{grid-column:span 7}.bento-span-5{grid-column:span 5}.bento-span-6{grid-column:span 6}.bento-span-4{grid-column:span 4}.bento-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--emerald-400);align-items:center;gap:.4rem;margin-block-end:.6rem;font-size:.76rem;font-weight:700;display:inline-flex}.bento-card h3{margin-block-end:.6rem;font-size:clamp(1.35rem,1.15rem + .75vw,1.75rem)}.bento-card p{color:var(--text-secondary);font-size:.98rem}.soundboard-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.cue-btn{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);text-align:start;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:border-color .18s,transform .18s,background-color .18s;display:flex}.cue-btn:hover:not(:disabled){border-color:var(--emerald-400);transform:translateY(-2px)}.cue-btn[data-playing=true]{border-color:var(--emerald-400);background:#10b98124}.cue-meta{flex-direction:column;gap:.15rem;display:flex}.cue-title{font-size:.88rem;font-weight:700}.cue-freq{font-size:.74rem;font-family:var(--font-mono);color:var(--text-secondary)}.cue-wave{align-items:center;gap:3px;block-size:1.1rem;display:inline-flex}.cue-wave span{background:var(--emerald-400);border-radius:2px;block-size:.45rem;inline-size:3px;transition:block-size .15s}.cue-btn[data-playing=true] .cue-wave span:first-child{block-size:.9rem}.cue-btn[data-playing=true] .cue-wave span:nth-child(2){block-size:1.15rem}.cue-btn[data-playing=true] .cue-wave span:nth-child(3){block-size:.7rem}.lockscreen-widget{color:#f8fafc;background:#0f172aeb;border:1px solid #ffffff24;border-radius:1.35rem;padding:1.1rem 1.25rem;box-shadow:0 16px 36px -8px #00000080}.lockscreen-top{color:#94a3b8;justify-content:space-between;align-items:center;margin-block-end:.65rem;font-size:.75rem;display:flex}.lockscreen-app-id{color:var(--emerald-400);align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.lockscreen-body{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lockscreen-phase-title{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.lockscreen-sub{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:.82rem}.lockscreen-btn{border-radius:var(--radius-pill);color:#34d399;background:#10b98133;border:1px solid #10b98173;padding:.45rem .95rem;font-size:.8rem;font-weight:700}.builder-showcase{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);grid-template-columns:minmax(340px,430px) 1fr;align-items:center;gap:clamp(2rem,4.5vw,3.75rem);padding:clamp(1.5rem,3.5vw,2.75rem);display:grid}.builder-copy-column{flex-direction:column;justify-content:center;gap:1.35rem;display:flex}.editor-drawer-shell{user-select:none;inline-size:100%;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.editor-modal-content{color:#fff;background-color:#0f172a;border:1px solid #ffffff1f;border-radius:28px;inline-size:100%;padding-block:20px 24px;padding-inline:0;position:relative;overflow:hidden;box-shadow:0 24px 56px -12px #000000b8}.editor-modal-header{justify-content:space-between;align-items:center;margin-block-end:18px;padding-inline:20px;display:flex}.editor-modal-title{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:700;line-height:1.15}.editor-close-btn{color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:opacity .15s;display:inline-flex}.editor-close-btn:hover{opacity:.75}.editor-card-full{inline-size:100%;padding-block:4px;padding-inline:16px}.editor-workout-name-input{color:#fff;background-color:#1e293b;border:1px solid #ffffff1f;border-radius:12px;inline-size:100%;margin-block-end:12px;padding-block:11px;padding-inline:14px;font-size:15px;font-weight:700;display:block}.editor-workout-name-input::placeholder{color:#64748b}.editor-color-swatches-row{flex-direction:row;justify-content:space-between;align-items:center;inline-size:100%;margin-block-end:12px;padding-inline:2px;display:flex}.editor-color-swatch{border:2px solid #0000;border-radius:15px;justify-content:center;align-items:center;block-size:30px;inline-size:30px;transition:transform .12s,border-color .12s;display:inline-flex}.editor-color-swatch[aria-checked=true]{border-color:#fff}.editor-prep-setting-row{background-color:#00000047;border:1px solid #ffffff14;border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;inline-size:100%;margin-block-end:14px;padding-block:10px;padding-inline:12px;display:flex}.editor-prep-label-group{flex-direction:row;align-items:center;gap:8px;display:flex}.editor-prep-setting-label{color:#e2e8f0;font-size:13.5px;font-weight:700}.editor-duration-pill{background-color:#ffffff14;border:1px solid #ffffff29;border-radius:8px;flex-direction:row;flex-shrink:0;align-items:center;gap:4px;padding-block:5px;padding-inline:9px;transition:background-color .12s,border-color .12s;display:inline-flex}.editor-duration-pill[data-active=true]{background-color:#ffffff24;border-width:1.5px}.editor-duration-pill-text{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.editor-prep-duration-text{color:#38bdf8}.editor-builder-section{inline-size:100%;margin-block:10px;position:relative}.editor-builder-section-title{color:#94a3b8;letter-spacing:1px;margin-block-end:8px;font-size:11px;font-weight:700}.editor-items-container{flex-direction:column;inline-size:100%;display:flex;position:relative}.editor-repeat-block-card{background-color:#00000047;border:1.5px solid #ffffff1a;border-radius:16px;inline-size:100%;margin-block-end:12px;padding:12px;transition:border-color .15s,background-color .15s}.editor-repeat-block-card[data-placeholder=true]{background-color:#38bdf814;border-style:dashed;border-color:#38bdf8}.editor-repeat-block-card[data-placeholder=true]>*{opacity:0;pointer-events:none}.editor-repeat-block-header{flex-direction:row;justify-content:space-between;align-items:center;margin-block-end:10px;display:flex}.editor-repeat-block-header-left{cursor:grab;touch-action:none;border-radius:8px;flex-direction:row;align-items:center;gap:6px;padding-block:2px;padding-inline:4px;display:inline-flex}.editor-repeat-block-header-left:active{cursor:grabbing}.editor-repeat-block-title{letter-spacing:.8px;font-size:12px;font-weight:700}.editor-repeats-pill{background-color:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;flex-direction:row;align-items:center;gap:4px;padding-block:4px;padding-inline:9px;display:inline-flex}.editor-repeats-pill[data-active=true]{background-color:#ffffff26;border-width:1.5px}.editor-repeats-pill-text{color:#fff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.editor-block-steps-list{flex-direction:column;gap:8px;display:flex;position:relative}.editor-step-row{background-color:#1e293b;border:1.5px solid #ffffff14;border-radius:12px;flex-direction:row;align-items:center;gap:8px;min-block-size:46px;inline-size:100%;padding-block:6px;padding-inline:8px;transition:opacity .12s,border-color .12s;display:flex}.editor-step-row[data-standalone=true]{background-color:#00000047;border-color:#ffffff1a;border-radius:14px;min-block-size:52px;margin-block-end:10px;padding-block:8px;padding-inline:10px}.editor-step-row[data-dimmed=true]{opacity:.7}.editor-step-row[data-placeholder=true]{background-color:#38bdf814;border-style:dashed;border-color:#38bdf8}.editor-step-row[data-placeholder=true]>*{opacity:0;pointer-events:none}.editor-step-type-pill{letter-spacing:.5px;border-radius:8px;flex-shrink:0;padding-block:4px;padding-inline:8px;font-size:11px;font-weight:700;transition:transform .1s,background-color .15s,color .15s}.editor-step-type-pill:active{transform:scale(.95)}.editor-step-type-pill[data-type=work]{color:var(--emerald-400);background-color:#10b9812e}.editor-step-type-pill[data-type=rest]{color:var(--amber-400);background-color:#f59e0b2e}.editor-step-name-input{color:#fff;background:0 0;border:none;flex:1;min-inline-size:0;padding-block:4px;padding-inline:6px;font-size:14px;font-weight:500}.editor-step-name-input::placeholder{color:#64748b}.editor-step-name-input:focus{outline:none}.editor-drag-handle-grip{color:#ffffff52;cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;padding-block:4px;padding-inline:4px 2px;display:inline-flex}.editor-drag-handle-grip:hover{color:#ffffffbf}.editor-drag-handle-grip:active{cursor:grabbing}.editor-repeat-block-footer{flex-direction:column;gap:8px;margin-block-start:10px;display:flex}.editor-add-step-to-block-btn{background-color:#ffffff0f;border:1px dashed #ffffff24;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:5px;inline-size:100%;padding-block:8px;font-size:12.5px;font-weight:700;transition:background-color .15s;display:flex}.editor-add-step-to-block-btn:hover{background-color:#ffffff1a}.editor-skip-last-rest-row{text-align:start;flex-direction:row;align-items:center;gap:8px;padding-block:4px;padding-inline:2px;display:inline-flex}.editor-skip-last-rest-text{color:#ffffffc7;font-size:12.5px;font-weight:500}.editor-builder-actions-row{flex-direction:row;gap:8px;inline-size:100%;margin-block:4px 8px;display:flex}.editor-builder-action-btn{background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;padding-block:9px;transition:background-color .15s,transform .1s;display:flex}.editor-builder-action-btn:hover{background-color:#ffffff21}.editor-builder-action-btn:active{transform:scale(.98)}.editor-builder-action-btn-text{color:#fff;font-size:12.5px;font-weight:700}.editor-workout-buttons{flex-direction:row;gap:10px;inline-size:100%;margin-block-start:10px;display:flex}.editor-delete-small-btn{background-color:#ef44441f;border:1px solid #ef444440;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;inline-size:44px;padding-block:11px;transition:background-color .15s;display:inline-flex}.editor-delete-small-btn:hover{background-color:#ef444438}.editor-cancel-small-btn{color:#94a3b8;text-align:center;background-color:#ffffff14;border-radius:12px;flex:1;padding-block:11px;font-size:13.5px;font-weight:700;transition:background-color .15s}.editor-cancel-small-btn:hover{background-color:#ffffff24}.editor-save-small-btn{color:#0f172a;text-align:center;background-color:#10b981;border-radius:12px;flex:1;padding-block:11px;font-size:13.5px;font-weight:700;transition:opacity .15s,transform .1s}.editor-save-small-btn:active{transform:scale(.98)}.editor-floating-drag-layer{z-index:9999;pointer-events:none;will-change:transform;position:fixed;inset-block-start:0;inset-inline-start:0}.editor-floating-drag-layer[hidden]{display:none}.editor-floating-drag-layer .editor-step-row,.editor-floating-drag-layer .editor-repeat-block-card{background-color:#1e293b;margin:0;box-shadow:0 12px 28px #000000a6}.editor-trash-zone-wrapper{z-index:60;pointer-events:none;inline-size:68px;display:flex;position:absolute;inset-block:72px 24px;inset-inline-end:0}.editor-trash-zone{background-color:#ef44442e;border-block:2px dashed #ef4444;border-inline-start:2px dashed #ef4444;border-start-start-radius:18px;border-end-start-radius:18px;flex:1;justify-content:center;align-items:center;inline-size:68px;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .15s;display:flex;transform:translate(90px)scale(1);box-shadow:-4px 0 16px #ef444459}.editor-trash-zone[data-visible=true]{transform:translate(0)scale(1)}.editor-trash-zone[data-over=true]{background-color:#ef4444;border-style:solid;transform:translate(0)scale(1.06);box-shadow:-6px 0 24px #ef4444bf}.editor-trash-content{color:#ef4444;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.editor-trash-zone[data-over=true] .editor-trash-content{color:#fff}.editor-trash-text{text-align:center;letter-spacing:1.2px;font-size:10px;font-weight:700;line-height:1.35}.editor-picker-overlay{z-index:80;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.editor-picker-overlay[hidden]{display:none}.editor-picker-backdrop{background-color:#000000a6;position:absolute;inset:0}.editor-picker-card{z-index:1;border:1px solid #ffffff29;background-color:#1e293b;border-block-end:none;border-start-start-radius:24px;border-start-end-radius:24px;padding-block:12px 24px;padding-inline:20px;position:relative;box-shadow:0 -8px 24px #00000080}.editor-sheet-handle-bar{background-color:#ffffff40;border-radius:2px;block-size:4px;inline-size:36px;margin-block-end:12px;margin-inline:auto}.editor-picker-header{flex-direction:row;justify-content:space-between;align-items:center;margin-block-end:14px;display:flex}.editor-picker-title{color:#fff;font-size:16px;font-weight:700}.editor-picker-done-btn{color:#0f172a;background-color:#10b981;border-radius:10px;padding-block:6px;padding-inline:16px;font-size:13px;font-weight:700}.editor-preset-chips-row{flex-flow:wrap;justify-content:center;gap:8px;margin-block-end:14px;display:flex}.editor-preset-chip{color:#fffc;background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding-block:5px;padding-inline:11px;font-size:12px;font-weight:700}.editor-preset-chip[data-active=true]{background-color:#ffffff29;border-width:1.5px}.editor-picker-container{justify-content:center;align-items:center;gap:14px;padding-block:6px;display:flex}.editor-spin-column{flex-direction:column;align-items:center;gap:4px;display:flex}.editor-spin-label{letter-spacing:.8px;color:#94a3b8;font-size:10px;font-weight:700}.editor-spin-wheel{background-color:#0f172aa6;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;min-inline-size:76px;padding:4px 10px;display:flex}.editor-spin-step-btn{color:#94a3b8;text-align:center;inline-size:100%;padding:4px 12px;font-size:13px;font-weight:700}.editor-spin-step-btn:hover{color:#fff}.editor-spin-current{color:#fff;font-variant-numeric:tabular-nums;text-align:center;border-block:1px solid #ffffff1f;inline-size:100%;padding-block:4px;font-size:24px;font-weight:700}.editor-spin-colon{color:#94a3b8;margin-block-start:14px;font-size:24px;font-weight:700}.screenshot-carousel{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.screenshot-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:center;flex-direction:column;align-items:center;padding:1.25rem 1.25rem 1.5rem;transition:transform .25s,border-color .25s;display:flex}.screenshot-card:hover{border-color:var(--border-highlight);transform:translateY(-5px)}.screenshot-frame{aspect-ratio:9/16;background:#090d16;border:4px solid #1e293b;border-radius:1.5rem;inline-size:min(240px,100%);margin-block-end:1.15rem;overflow:hidden;box-shadow:0 18px 40px -12px #0000008c}.screenshot-frame img{object-fit:cover;block-size:100%;inline-size:100%}.screenshot-card h3{margin-block-end:.35rem;font-size:1.12rem}.screenshot-card p{color:var(--text-secondary);font-size:.88rem}.comparison-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:start;inline-size:100%;font-size:.95rem}.comparison-table caption{color:var(--text-secondary);border-block-end:1px solid var(--border-subtle);text-align:start;padding:1.25rem 1.5rem;font-weight:700}.comparison-table th,.comparison-table td{padding:1.1rem 1.5rem}.comparison-table tbody tr:not(:last-child){border-block-end:1px solid var(--border-subtle)}.comparison-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-block-end:1px solid var(--border-subtle);background:#ffffff08;font-size:.84rem}.comparison-table tbody th{color:var(--text-primary);font-weight:700}.col-highlight{color:var(--emerald-400);background:#10b98112;font-weight:700}.site-footer{border-block-start:1px solid var(--border-subtle);background:#06091199;margin-block-start:auto;padding-block:3.5rem 2.5rem}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-links{color:var(--text-secondary);flex-wrap:wrap;gap:1.5rem;font-size:.92rem;display:flex}.footer-links a:hover{color:var(--emerald-400)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes reveal-up{0%{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{animation:cubic-bezier(.22,1,.36,1) both reveal-up view();animation-range:entry entry 40%}}}@media (width<=960px){.hero-grid,.builder-showcase{grid-template-columns:1fr}.bento-span-7,.bento-span-5,.bento-span-6,.bento-span-4{grid-column:span 12}.phase-strip-grid,.screenshot-carousel{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (width<=600px){.phase-strip-grid,.screenshot-carousel,.soundboard-grid{grid-template-columns:1fr}}@media (pointer:coarse){.btn,.stage-mode-btn{min-block-size:2.75rem}}}@layer utilities{.visually-hidden:where(:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link:focus-visible{z-index:999;background:var(--emerald-500);color:#022c22;border-radius:var(--radius-md);padding:.75rem 1.25rem;font-weight:800;position:fixed;inset-block-start:1rem;inset-inline-start:1rem}.tabular{font-variant-numeric:tabular-nums}}