.training-timer{--timer-bg:#141415;--timer-surface:#1d1d1f;--timer-line:#363638;--timer-ink:#f6f4f2;--timer-muted:#aaa7a5;--timer-phase:#ef807b;background:var(--timer-bg);min-height:100svh;color:var(--timer-ink);font-family:var(--font-geist-sans), sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;display:flex}.training-timer.is-rest{--timer-phase:#e9c083}.training-timer ::selection{color:#fff;background:#97353c}.training-timer button{cursor:pointer;transition:background .16s ease-out,color .16s ease-out}.training-timer button:disabled{cursor:wait;opacity:.6}.training-timer button:focus-visible,.training-timer input:focus-visible{outline:3px solid var(--timer-phase);outline-offset:4px}.timer-header{border-bottom:1px solid var(--timer-line);justify-content:space-between;align-items:center;height:96px;padding:0 4%;display:flex}.timer-brand{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.timer-brand img{object-fit:contain;width:132px;height:auto}.timer-brand span{color:var(--timer-muted);font-size:12px;display:block}.timer-header-actions{align-items:center;gap:8px;display:flex}.timer-icon{width:44px;height:44px;color:var(--timer-muted);background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.timer-icon svg{width:20px;height:20px}.timer-icon:hover{color:#fff;background:#303033}.timer-settings-button{color:var(--timer-ink);background:0 0;border:1px solid #555558;border-radius:8px;align-items:center;gap:10px;margin-left:8px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.timer-settings-button:hover,.timer-settings-button[aria-expanded=true]{background:#303033}.timer-workspace{flex:1;display:flex}.timer-board{flex-direction:column;flex:1;min-width:0;display:flex}.timer-main{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:480px;padding:40px 5%;display:flex}.timer-stage-line{justify-content:space-between;align-items:center;width:min(100%,850px);display:flex}.timer-state{color:var(--timer-phase);letter-spacing:-.02em;align-items:center;gap:12px;font-size:24px;font-weight:650;display:flex}.timer-state-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.timer-round{color:var(--timer-muted);align-items:center;gap:12px;font-size:15px;display:flex}.timer-round strong{font-family:var(--font-geist-mono), monospace;color:var(--timer-ink);font-size:22px;font-weight:500}.timer-digits{font-family:var(--font-geist-sans), sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;margin:8px 0 16px;font-size:min(24vw,36vh,340px);font-weight:650;line-height:1.1}.timer-timeline{background:var(--timer-line);border-radius:2px;width:min(100%,850px);height:4px;overflow:hidden}.timer-timeline span{background:var(--timer-phase);transform-origin:0;height:100%;transition:transform .18s linear;display:block}.is-final .timer-digits{color:var(--timer-phase)}.timer-status{color:var(--timer-muted);text-align:center;min-height:21px;margin-top:24px;font-size:14px}.timer-controls{align-items:center;gap:12px;margin-top:28px;display:flex}.timer-primary,.settings-done{color:#fff;background:#bc3039;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:0 28px;font-size:14px;font-weight:650;display:flex}.timer-primary:hover,.settings-done:hover{background:#d03b43}.timer-reset{color:#d1cdca;background:0 0;border:1px solid #555558;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 20px;font-size:13px;display:flex}.timer-reset:hover{color:#fff;background:#303033}.timer-error{color:#f1c78e;text-align:center;max-width:50ch;margin-top:20px;font-size:13px}.timer-footer{border-top:1px solid var(--timer-line);align-items:center;gap:48px;padding:26px 4.5%;display:flex}.timer-footer div,.timer-footer p{flex-direction:column;gap:6px;display:flex}.timer-footer span{color:var(--timer-muted);font-size:12px}.timer-footer strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:550}.timer-footer .current-phase strong{color:var(--timer-phase)}.timer-footer p{margin-left:auto}.timer-footer p strong{font-size:15px}.timer-footer small{color:var(--timer-muted);font-size:13px;font-weight:400}.timer-settings{background:var(--timer-surface);border-left:1px solid var(--timer-line);flex-shrink:0;width:340px;padding:30px 26px}.settings-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.settings-heading h2{letter-spacing:-.025em;font-size:22px;font-weight:650}.settings-heading p{color:var(--timer-muted);margin-top:5px;font-size:13px}.settings-heading .timer-icon{margin:-7px -10px 0 0}.timer-settings fieldset{border:0;margin-top:30px}.timer-settings legend{font-size:14px;font-weight:600}.timer-settings fieldset:disabled{opacity:.5}.duration-fields{align-items:flex-end;gap:10px;margin-top:12px;display:flex}.duration-fields label{color:#bcb8b6;flex:1;min-width:0;font-size:12px}.duration-fields input{background:var(--timer-bg);width:100%;color:var(--timer-ink);font-variant-numeric:tabular-nums;caret-color:var(--timer-phase);border:1px solid #555558;border-radius:8px;margin-top:7px;padding:10px 12px;font-size:24px;display:block}.duration-fields>span{color:var(--timer-muted);padding-bottom:12px}.settings-sound{border-top:1px solid var(--timer-line);margin-top:30px;padding-top:24px}.settings-sound>div{align-items:center;gap:10px;display:flex}.settings-sound h3{font-size:14px;font-weight:600}.timer-settings .start-sound-options{gap:8px;margin-top:16px;display:grid}.start-sound-options label{cursor:pointer;border:1px solid #555558;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.start-sound-options label:has(input:checked){border-color:var(--timer-phase);background:#382528}.start-sound-options input{accent-color:#ef807b;flex-shrink:0}.start-sound-options strong{font-size:12px;font-weight:600;display:block}.start-sound-options small{color:#bcb8b6;margin-top:4px;font-size:11px;display:block}.settings-sound p,.settings-help{color:#bcb8b6;margin-top:12px;font-size:12px;line-height:1.65}.timer-test-sound{color:#f4cfce;background:#46272b;border:0;border-radius:7px;align-items:center;gap:9px;min-height:42px;margin-top:16px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.timer-test-sound:hover{background:#603036}.settings-help{margin-top:28px}.settings-done{width:100%;margin-top:24px}.settings-notice{color:#e9c083;margin-top:24px;font-size:13px;line-height:1.5}.has-settings .timer-digits{font-size:min(19vw,30vh,280px)}@media (max-width:950px){.has-settings .timer-digits{font-size:15vw}.timer-settings{width:310px;padding:24px 20px}.timer-footer{gap:24px}}@media (max-width:700px){.timer-header{height:80px;padding:0 20px}.timer-brand span{font-size:10px}.timer-brand img{width:108px;height:auto}.timer-header-actions{gap:0}.timer-settings-button{margin-left:4px;padding:11px}.timer-settings-button span{display:none}.timer-workspace{flex-direction:column}.timer-main{min-height:440px;padding:32px 24px}.timer-state{font-size:21px}.timer-round{font-size:13px}.timer-round strong{font-size:18px}.timer-digits,.has-settings .timer-digits{margin:20px 0;font-size:25vw}.timer-primary{padding:0 24px}.timer-reset{padding:0 16px}.timer-reset span{display:none}.timer-footer{gap:24px;padding:22px 24px}.timer-footer strong{font-size:18px}.timer-footer p strong{font-size:13px}.timer-footer p small{margin-top:3px;display:block}.timer-settings{border-left:0;border-top:1px solid var(--timer-line);width:100%;padding:28px 24px}}@media (max-width:370px){.timer-brand span{max-width:105px}.timer-header{padding:0 12px}.timer-footer{gap:18px;padding:20px}}@media (max-height:650px) and (min-width:701px){.timer-header{height:72px}.timer-main{min-height:310px;padding:24px 5%}.timer-digits{margin:0;font-size:30vh}.timer-status{margin-top:14px}.timer-controls{margin-top:18px}.timer-footer{padding-top:16px;padding-bottom:16px}}@media (prefers-reduced-motion:reduce){.training-timer *,.timer-timeline span{transition:none}}