@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@500;600;700&family=Caveat:wght@500;600&display=swap";:root{--ink-1000: #050618;--ink-950: #08092a;--ink-900: #0f1230;--ink-850: #181c40;--ink-800: #1d2148;--ink-750: #252b58;--ink-700: #2d3470;--line: #3a4084;--line-soft:#232858;--fg: #ecedff;--fg-strong: #ffffff;--fg-muted: #c4c8f0;--fg-faint: #9097cf;--fg-inverse:#08092a;--volt: #6cff5a;--volt-bright: #8dff80;--volt-deep: #45cf3f;--volt-ink: #0a2400;--volt-12: color-mix(in srgb, var(--volt) 12%, transparent);--volt-22: color-mix(in srgb, var(--volt) 22%, transparent);--volt-glow: 0 0 42px color-mix(in srgb, var(--volt) 42%, transparent);--phase-init: #008cff;--phase-work: #6cff5a;--phase-rest: #ff1744;--phase-round: #ff8c42;--phase-cool: #38dfff;--phase-done: #fff200;--on-phase: #061026;--success: var(--volt);--danger: #ff5577;--warning: #ff8c42;--info: #008cff;--font-display: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-data: "Geist Mono", ui-monospace, "SF Mono", monospace;--font-script: "Caveat", "Bradley Hand", "Segoe Print", cursive;--w-display: 800;--w-heading: 700;--w-strong: 600;--w-medium: 500;--w-body: 400;--track-display: -.02em;--track-tight: -.01em;--track-normal: 0;--track-data: .04em;--track-eyebrow: .16em;--t-display-size: clamp(40px, 11vw, 84px);--t-display-lh: .98;--t-h1-size: clamp(28px, 6vw, 44px);--t-h1-lh: 1.04;--t-h2-size: clamp(22px, 4.4vw, 32px);--t-h2-lh: 1.08;--t-h3-size: 20px;--t-h3-lh: 1.15;--t-body-lg-size: 18px;--t-body-lg-lh: 1.55;--t-body-size: 15px;--t-body-lh: 1.5;--t-small-size: 13px;--t-small-lh: 1.4;--t-eyebrow-size: 12px;--t-timer-size: clamp(64px, 15vw, 148px);--t-timer-lh: .86;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--ring: none;--ring-soft: none;--ring-volt: none;--shadow-sm: 0 2px 8px -2px rgba(0,0,0,.5);--shadow-md: 0 12px 28px -12px rgba(0,0,0,.7);--shadow-lg: 0 32px 70px -24px rgba(0,0,0,.8);--shadow-pop: 0 24px 60px -16px rgba(0,0,0,.75);--shadow-cta: none;--glow-init: 0 16px 40px -12px color-mix(in srgb, var(--phase-init) 32%, transparent);--glow-work: 0 16px 40px -12px color-mix(in srgb, var(--phase-work) 32%, transparent);--glow-rest: 0 16px 40px -12px color-mix(in srgb, var(--phase-rest) 32%, transparent);--glow-round: 0 16px 40px -12px color-mix(in srgb, var(--phase-round) 32%, transparent);--glow-cool: 0 16px 40px -12px color-mix(in srgb, var(--phase-cool) 32%, transparent);--glow-done: 0 16px 40px -12px color-mix(in srgb, var(--phase-done) 32%, transparent);--ease: cubic-bezier(.2, 0, 0, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .3s;--press: scale(.96);--bg-wash: radial-gradient(120% 70% at 50% -10%, color-mix(in srgb, var(--volt) 6%, transparent), transparent 55%), linear-gradient(180deg, var(--ink-950) 0%, var(--ink-900) 60%, var(--ink-950) 100%);--texture-lines: repeating-linear-gradient(135deg, color-mix(in srgb, var(--fg) 2.4%, transparent) 0 1px, transparent 1px 22px)}.t-display{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-display-size);line-height:var(--t-display-lh);letter-spacing:var(--track-display);color:var(--fg-strong);text-wrap:balance}.t-h1{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-h1-size);line-height:var(--t-h1-lh);letter-spacing:var(--track-display);color:var(--fg-strong);text-wrap:balance}.t-h2{font-family:var(--font-ui);font-weight:var(--w-heading);font-size:var(--t-h2-size);line-height:var(--t-h2-lh);letter-spacing:var(--track-tight);color:var(--fg)}.t-h3{font-family:var(--font-ui);font-weight:var(--w-strong);font-size:var(--t-h3-size);line-height:var(--t-h3-lh);letter-spacing:var(--track-tight);color:var(--fg)}.t-body-lg{font-family:var(--font-ui);font-weight:var(--w-body);font-size:var(--t-body-lg-size);line-height:var(--t-body-lg-lh);color:var(--fg-muted)}.t-body{font-family:var(--font-ui);font-weight:var(--w-body);font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--fg-muted)}.t-small{font-family:var(--font-ui);font-weight:var(--w-medium);font-size:var(--t-small-size);line-height:var(--t-small-lh);color:var(--fg-muted)}.t-eyebrow{font-family:var(--font-data);font-weight:var(--w-strong);font-size:var(--t-eyebrow-size);line-height:1;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--volt)}.t-label{font-family:var(--font-data);font-weight:var(--w-strong);font-size:var(--t-small-size);line-height:1;letter-spacing:var(--track-data);text-transform:uppercase;color:var(--fg-muted)}.t-data{font-family:var(--font-data);font-weight:var(--w-heading);font-variant-numeric:tabular-nums;letter-spacing:var(--track-data);color:var(--fg)}.t-timer{font-family:var(--font-data);font-weight:var(--w-heading);font-size:var(--t-timer-size);line-height:var(--t-timer-lh);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:root{--bg: var(--ink-900);--bg-deep: var(--ink-950);--bg-deepest: var(--ink-1000);--surface-low: var(--ink-850);--surface: var(--ink-800);--surface-high: var(--ink-750);--surface-highest: var(--ink-700);--text: var(--fg);--muted: var(--fg-muted);--muted-2: var(--fg-faint);--border: var(--line);--border-accent: var(--line);--work: var(--volt);--rest: var(--phase-rest);--init: var(--phase-init);--round: var(--phase-round);--cool: var(--phase-cool);--done: var(--phase-done);--on-accent: var(--volt-ink);--radius: var(--r-sm);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-pill: var(--r-pill);--radius-btn: var(--r-pill);--ring: none;--ring-soft: none;--ring-volt: none;--w-data-strong: var(--w-heading);--w-data: var(--w-strong);--w-body-strong: var(--w-heading);--letter-display: var(--track-display);--letter-data: var(--track-data);--uppercase-data: uppercase;--hover-bg: var(--volt-12);--hover-bg-strong: var(--volt-22);--ghost-hover-bg: color-mix(in srgb, var(--fg) 6%, transparent);--ghost-pressed-bg: color-mix(in srgb, var(--fg) 14%, transparent);--btn-inactive-bg: var(--ink-750);--btn-inactive-bg-hover: var(--ink-700);--btn-inactive-bg-pressed: color-mix(in srgb, var(--volt) 22%, var(--ink-950));--work-hover: var(--volt-bright);--work-pressed: var(--volt-deep);--surface-pressed: var(--ink-850);--stepper-hover-bg: var(--ink-800);--video-bg: var(--ink-1000);--inset-press: color-mix(in srgb, var(--fg) 2%, transparent);--shadow-cta: none;--shadow-work: none;--shadow-rest: var(--glow-rest);--shadow-play-btn: none;--glow-work-text: 0 0 32px color-mix(in srgb, var(--volt) 24%, transparent);--glow-rest-text: 0 0 30px color-mix(in srgb, var(--phase-rest) 22%, transparent);--glow-total-text: 0 0 26px color-mix(in srgb, var(--volt) 16%, transparent);--body-grad: var(--bg-wash)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{min-height:100vh;background:var(--body-grad);color:var(--text);font-family:var(--font-ui);font-weight:400;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--work);outline-offset:3px}svg{width:20px;height:20px;stroke-width:2.5}.hidden{display:none!important}.view{width:min(100%,430px);min-height:100svh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.app-header,.topbar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:6px;min-height:40px;margin-bottom:18px}.home-header{margin-bottom:16px}.app-header h1,.header-brand{text-align:center;font-size:32px;line-height:1;font-weight:var(--w-display);letter-spacing:var(--letter-display);color:var(--text)}.header-brand{font-size:32px}.app-brand-heading{display:flex;justify-content:center}.app-wordmark{display:inline-flex;align-items:center;justify-content:center;justify-self:center;width:126px;height:16px;border-radius:6px}.app-wordmark img{display:block;width:100%;height:100%;object-fit:contain}.app-wordmark:focus-visible{outline:2px solid var(--work);outline-offset:6px}.header-spacer{width:40px;height:40px}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text);transition:background .18s ease,color .18s ease,transform .18s ease}.icon-button.ghost{background:transparent}.icon-button:hover,.icon-button.ghost:hover{background:var(--ghost-hover-bg);color:var(--text)}.icon-button:active,.icon-button.ghost:active{background:var(--ghost-pressed-bg);color:var(--text);transform:scale(.96)}.install-panel[hidden],.install-ios[hidden]{display:none!important}.install-panel{margin-top:16px}.install-native{display:block}.install-button{width:100%;min-height:48px;padding:12px 16px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--work) 12%,var(--surface-high));box-shadow:none;color:var(--text);font-size:14px;font-weight:var(--w-body-strong);transition:background .18s ease,transform .18s ease}.install-button:hover{background:color-mix(in srgb,var(--work) 18%,var(--surface-high))}.install-button:active{transform:scale(.98)}.install-ios{margin-top:10px;padding:12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--muted);font-size:13px;line-height:1.4}.grid{display:grid;grid-template-columns:1fr;gap:14px}.card{min-height:196px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;position:relative;overflow:hidden;padding:20px 16px 16px;border-radius:var(--radius-md);background:var(--surface-low);box-shadow:var(--ring);cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}@media (hover: hover){.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.card:active{transform:scale(.992);transition-duration:.08s}.card-active{box-shadow:none}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.card-title-stack{min-width:0;max-width:calc(100% - 60px);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.card-special .card-title-stack{max-width:100%}.today-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-pill);background:var(--bg-deep);color:var(--muted-2);font-family:var(--font-data);font-size:10px;line-height:1;font-weight:var(--w-data-strong);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.today-pill:before{content:"";width:6px;height:6px;border-radius:var(--radius-pill);background:var(--work)}.card h2{max-width:100%;font-size:24px;line-height:1.15;font-weight:var(--w-body-strong);letter-spacing:var(--track-normal);color:var(--text)}.btn-settings{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-sm);background:var(--surface-high);box-shadow:var(--ring);color:var(--text);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn-settings svg{width:24px;height:24px}.btn-settings:hover{background:var(--surface-highest);color:var(--text)}.btn-settings:active{background:var(--surface-pressed);color:var(--text);transform:scale(.92)}.duration-block{display:grid;gap:4px;padding-left:12px;border-left:2px solid color-mix(in srgb,var(--work) 22%,transparent)}.card-active .duration-block{border-left-color:var(--work)}.total-label,.form-group label,#phaseLabel,#exerciseInfo{font-family:var(--font-data);text-transform:var(--uppercase-data);letter-spacing:var(--letter-data);font-weight:var(--w-data)}.duration-label{font-family:var(--font-data);font-size:14px;line-height:1.1;font-weight:var(--w-data);color:var(--muted);text-transform:var(--uppercase-data);letter-spacing:var(--letter-data)}.duration-value{font-family:var(--font-data);font-size:21px;line-height:1;font-weight:var(--w-data-strong);color:var(--text);font-variant-numeric:tabular-nums}.btn-start,.start-training{width:100%;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-pill);border:0;background:var(--btn-inactive-bg);box-shadow:var(--ring);color:var(--text);font-size:16px;font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:.02em;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.solid-play{width:0;height:0;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor;transform:translate(1px)}.btn-start.primary,.card-active .btn-start,.start-training{background:var(--work);color:var(--on-accent);box-shadow:none}.btn-start:hover{background:var(--btn-inactive-bg-hover)}.btn-start.primary:hover,.card-active .btn-start:hover,.start-training:hover{background:var(--work-hover)}.btn-start:active{background:var(--btn-inactive-bg-pressed);transform:scale(.97)}.btn-start.primary:active,.card-active .btn-start:active,.start-training:active{background:var(--work-pressed);transform:scale(.97)}#player{width:min(100%,768px);display:flex;flex-direction:column;height:100svh;padding:max(8px,env(safe-area-inset-top)) 0 0;overflow:hidden}.player-topbar{grid-template-columns:40px minmax(0,1fr) 40px;min-height:40px;margin:0;padding:0 16px 4px;border-bottom:0}.player-topbar .icon-button{justify-self:start;width:40px;height:40px}.player-topbar svg{width:22px;height:22px}.player-topbar #title{min-width:0;text-align:center;font-size:17px;line-height:1.1;font-weight:var(--w-display);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-wrap{position:relative;width:100%;height:auto;flex:5 1 0;min-height:0;overflow:hidden;background:var(--video-bg);border-bottom:1px solid color-mix(in srgb,var(--muted) 14%,transparent)}.video-wrap:after{content:"";position:absolute;inset:auto 0 0;height:38%;pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg-deep));z-index:2}.yt,.yt iframe{width:100%;height:100%}.yt iframe{display:block}.timer-panel{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1.1svh,12px);margin:12px 16px;padding:clamp(8px,1.5svh,16px) 20px clamp(8px,1.8svh,18px);text-align:center;border-radius:var(--radius-md);background-color:var(--surface-low);box-shadow:var(--ring);color:var(--on-phase);overflow:hidden;transition:background-color var(--dur-slow) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur-slow) var(--ease)}.player-bottom{flex:5 1 0;min-height:0;display:flex;flex-direction:column;background:var(--bg-deep)}@media (min-height: 800px){.video-wrap{flex:6 1 0}.player-bottom{flex:5 1 0}}.timer-panel:before{content:none}#exerciseInfo{order:4;display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:8px 14px;border:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--on-phase) 13%,transparent);color:var(--on-phase);font-size:clamp(12px,1.7svh,14px);font-weight:var(--w-data-strong);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:none}#phaseLabel{order:2;display:inline-flex;align-items:center;gap:clamp(8px,1.6svh,12px);min-height:clamp(18px,3svh,28px);color:var(--on-phase);font-size:clamp(14.44px,2.437svh,23.47px);font-weight:var(--w-data-strong);line-height:1;opacity:.85}#phaseLabel:before{content:"";width:clamp(8.55px,1.425svh,14.25px);height:clamp(8.55px,1.425svh,14.25px);border-radius:999px;background:currentColor;box-shadow:none}#bigTime{order:3;margin-top:clamp(0px,.9svh,10px);max-width:100%;font-family:var(--font-data);font-size:clamp(62px,11.5svh,148px);line-height:.86;font-weight:var(--w-data-strong);color:var(--on-phase);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:none}.timer-panel.work{background-color:var(--phase-work);box-shadow:var(--glow-work)}.timer-panel.rest{background-color:var(--phase-rest);box-shadow:var(--glow-rest)}.timer-panel.init{background-color:var(--phase-init);box-shadow:var(--glow-init)}.timer-panel.round{background-color:var(--phase-round);box-shadow:var(--glow-round)}.timer-panel.cool{background-color:var(--phase-cool);box-shadow:var(--glow-cool)}.timer-panel.done{background-color:var(--phase-done);box-shadow:var(--glow-done)}.timer-panel.timer-disabled,.timer-panel.warmup-guided{background-color:var(--surface-low);box-shadow:var(--ring);pointer-events:none}.timer-panel.timer-disabled #bigTime{color:var(--muted-2);opacity:.55}.timer-panel.timer-disabled #phaseLabel{color:var(--muted);opacity:1}.timer-panel.timer-disabled #exerciseInfo{display:none}.timer-panel.warmup-guided{gap:clamp(8px,1.6svh,16px)}.timer-panel.warmup-guided #phaseLabel{color:var(--muted);font-size:clamp(13px,1.8svh,16px);line-height:1.1;opacity:1}.timer-panel.warmup-guided #phaseLabel:before{background:var(--work)}.timer-panel.warmup-guided #bigTime{margin-top:0;font-family:var(--font-display);font-size:clamp(40px,6.4svh,72px);line-height:.95;font-weight:var(--w-display);letter-spacing:var(--track-normal);color:var(--text);font-variant-numeric:normal;white-space:normal}.timer-panel.warmup-guided #exerciseInfo{display:block;max-width:280px;min-height:0;padding:0;border-radius:0;background:transparent;color:var(--muted);font-family:var(--font-ui);font-size:clamp(14px,2svh,16px);font-weight:var(--w-body);line-height:1.35;letter-spacing:var(--track-normal);text-transform:none;white-space:normal}@media (max-height: 760px){.timer-panel:before{display:none}#exerciseInfo{min-height:14px;padding:7px 12px;font-size:11px}.controls,.video-controls{padding-top:6px}}.controls,.video-controls{display:grid;grid-template-columns:68px 92px 68px;align-content:end;align-items:center;justify-content:center;gap:min(32px,6vw);flex:0 0 auto;padding:clamp(8px,1.8svh,12px) 26px max(16px,calc(clamp(12px,2.6svh,18px) + env(safe-area-inset-bottom)));background:transparent}.controls:has(#playPauseBtn[style*="display: none"]){display:none}.controls button,.video-controls button{position:relative;aspect-ratio:1;width:100%;max-width:68px;justify-self:center;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-btn);background:var(--surface-high);color:var(--text);box-shadow:var(--ring);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.controls button:hover,.video-controls button:hover{background:var(--surface-highest)}.controls button:active,.video-controls button:active{background:var(--surface-pressed);transform:scale(.92)}.controls button svg,.video-controls button svg{width:36px;height:36px}.control-icon{position:relative;width:34px;height:34px;display:inline-block;color:currentColor}.icon-play:before,.icon-prev:before,.icon-next:before{content:"";position:absolute;top:50%;width:0;height:0;transform:translateY(-50%)}.icon-play:before{left:9px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid currentColor}.icon-pause:before,.icon-pause:after{content:"";position:absolute;top:50%;width:8px;height:24px;background:currentColor;transform:translateY(-50%)}.icon-pause:before{left:7px}.icon-pause:after{right:7px}.icon-prev:before{right:8px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:16px solid currentColor}.icon-prev:after,.icon-next:after{content:"";position:absolute;top:6px;width:5px;height:22px;background:currentColor}.icon-prev:after{left:7px}.icon-next:before{left:8px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid currentColor}.icon-next:after{right:7px}#playPauseBtn,#videoPlayPauseBtn{max-width:92px;background:var(--surface-high);color:var(--text);box-shadow:var(--ring)}#playPauseBtn:hover,#videoPlayPauseBtn:hover{background:var(--surface-highest)}#playPauseBtn:active,#videoPlayPauseBtn:active{background:var(--surface-pressed);transform:scale(.94)}#playPauseBtn svg,#videoPlayPauseBtn svg{width:46px;height:46px;stroke-width:3}.seek-icon{position:relative;width:36px;height:36px;display:grid;place-items:center}.seek-icon svg{grid-area:1 / 1;width:36px;height:36px}.seek-icon span{grid-area:1 / 1;font-family:var(--font-data);font-size:15px;font-weight:var(--w-data-strong);line-height:1;transform:translateY(1px)}.config-header{margin-bottom:18px}.config-heading{display:grid;gap:2px;margin-bottom:42px}.config-heading span{font-family:var(--font-data);text-transform:var(--uppercase-data);letter-spacing:var(--letter-data);font-size:14px;line-height:1;font-weight:var(--w-data);color:var(--work)}#cfgTitle{font-size:24px;line-height:1.15;font-weight:var(--w-body-strong);color:var(--text)}#cfgForm{display:flex;flex-direction:column;gap:24px;min-height:calc(100svh - 168px);padding-bottom:240px}.config-controls{display:grid;gap:40px}.primary-controls{gap:14px}.advanced-section{display:grid;gap:16px;margin-top:8px;padding-bottom:12px}.advanced-section>span{font-family:var(--font-data);text-transform:var(--uppercase-data);letter-spacing:var(--letter-data);font-size:14px;line-height:1;font-weight:var(--w-data);color:var(--muted-2)}.advanced-controls{gap:14px}.control-tile{min-height:80px;display:grid;grid-template-columns:minmax(104px,1fr) minmax(168px,auto);align-items:center;gap:14px;padding:14px 16px;border:0;border-radius:var(--radius-md);background:var(--surface-low);box-shadow:var(--ring)}.form-group label{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--muted);font-size:14px;font-weight:var(--w-data);line-height:1.1}.form-group label svg{width:18px;height:18px;color:var(--work);flex:0 0 auto}.kettlebell-icon{width:20px;height:20px;flex:0 0 auto;color:var(--work);overflow:visible}.kettlebell-handle,.kettlebell-shine{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.kettlebell-handle{stroke-width:3}.kettlebell-body{fill:currentColor}.kettlebell-shine{color:var(--surface-high);stroke:currentColor;stroke-width:1.8}.stepper{display:grid;grid-template-columns:46px minmax(58px,76px) 46px;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--bg);box-shadow:var(--ring)}.value-display{grid-column:2;grid-row:1;display:inline-flex;align-items:baseline;justify-self:center;gap:2px;color:var(--text);font-family:var(--font-data);font-size:36px;line-height:1;font-weight:var(--w-data-strong);font-variant-numeric:tabular-nums;pointer-events:none}.stepper-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-btn);background:var(--surface-high);color:var(--text);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.stepper-btn:hover{background:var(--stepper-hover-bg)}.stepper-btn:active{background:var(--surface-pressed);transform:scale(.9)}.form-group input{width:100%;border:0;background:transparent;color:transparent;caret-color:var(--text);font-family:var(--font-data);font-size:36px;line-height:1;font-weight:var(--w-data-strong);grid-column:2;grid-row:1;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.form-group input::-webkit-outer-spin-button,.form-group input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.form-group input:focus{outline:0}.unit{color:var(--work);font-family:var(--font-data);font-size:18px;line-height:1;font-weight:var(--w-data-strong);transform:translateY(-1px)}.total{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));z-index:7;width:min(calc(100% - 32px),398px);display:grid;justify-items:center;gap:6px;margin-top:24px;padding:16px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-deep) 86%,transparent);box-shadow:var(--ring);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:center;transform:translate(-50%)}.total-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;font-weight:var(--w-data);line-height:1}.stopwatch-icon{width:16px;height:16px;display:inline-block;flex:0 0 auto;color:var(--work);border:2px solid currentColor;border-radius:999px;position:relative}.stopwatch-icon:before{content:"";position:absolute;left:50%;top:-5px;width:7px;height:3px;border-radius:2px;background:currentColor;transform:translate(-50%)}.stopwatch-icon:after{content:"";position:absolute;left:50%;top:3px;width:2px;height:5px;border-radius:2px;background:currentColor;box-shadow:3px 4px 0 -.5px currentColor;transform:translate(-50%)}.total-value{display:inline-flex;align-items:baseline;justify-content:center;gap:4px;font-family:var(--font-data);font-size:50px;line-height:.9;font-weight:var(--w-data-strong);color:var(--text);font-variant-numeric:tabular-nums;text-shadow:none}.total-unit{color:var(--work);font-size:22px;line-height:1;transform:translateY(-2px);text-shadow:none}.actions{position:fixed;left:50%;bottom:0;z-index:7;width:min(100%,430px);display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;margin:0;padding:16px 16px max(16px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-deep) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(-50%)}.config-bottom-scrim{position:fixed;left:50%;bottom:0;z-index:6;width:min(100%,430px);height:calc(230px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg-deep) 26%);transform:translate(-50%)}.save-utility{width:56px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--ring);color:var(--muted)}.save-utility svg{width:22px;height:22px}.save-utility:hover{background:var(--surface-high);color:var(--text)}.save-utility:active{background:var(--ghost-pressed-bg);transform:scale(.96)}@media (min-width: 720px){.view{width:min(100%,430px);padding-inline:16px}.controls,.video-controls{grid-template-columns:76px 103px 76px}.controls button,.video-controls button{max-width:76px}#playPauseBtn,#videoPlayPauseBtn{max-width:103px}.card{min-height:236px}}@media (max-width: 390px){.view{padding-inline:14px}.control-tile{grid-template-columns:minmax(86px,1fr) minmax(154px,auto);gap:8px;padding-inline:14px}.stepper{width:100%;grid-template-columns:40px minmax(54px,68px) 40px;gap:2px}.stepper-btn{width:38px;height:38px}.form-group label{gap:8px;font-size:13px}.form-group label svg{width:17px;height:17px}.form-group input,.value-display{font-size:32px}.controls,.video-controls{gap:24px}}.network-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg-deep, #08092a);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .25s ease-out}.network-error-content{background-color:var(--surface-highest, #2d3470);border-radius:var(--radius-md, 16px);padding:36px 24px;width:100%;max-width:360px;text-align:center;box-shadow:0 30px 80px -20px #0009}.network-error-icon{width:48px;height:48px;color:var(--danger, #ff5577);margin-bottom:20px}.network-error-title{font-family:var(--font-data, "Geist Mono", monospace);font-size:16px;font-weight:700;color:var(--text, #ecedff);letter-spacing:.16em;text-transform:uppercase;margin-bottom:28px;line-height:1.2}.btn-network-error{width:100%;padding:14px 20px;font-family:var(--font-ui, "Geist", sans-serif);font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--text, #ecedff);background-color:var(--bg-deep, #08092a);border:0;border-radius:var(--radius-sm, 12px);cursor:pointer;transition:background-color .15s,transform .1s}.btn-network-error:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}