@font-face{font-family:Satoshi;src:url('./assets/satoshi-regular.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#000000;--panel:#0c0c0c;--subtle:#141414;--line:#262626;--text:#ffffff;--muted:#a8a8a8;--orange:#fe502d;--rest:#d8dccf;--font:Satoshi,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{touch-action:manipulation}a{color:inherit}button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}button{border:0}.app-shell{max-width:1184px;min-height:100svh;margin:auto;padding:0 48px;padding-top:env(safe-area-inset-top);display:flex;flex-direction:column}.site-header{height:108px;flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{display:block;line-height:0;flex-shrink:0}.brand img{width:112px;height:auto;display:block}.header-label{font-size:10px;letter-spacing:.23em;color:var(--muted);padding-left:28px;border-left:1px solid var(--line)}.header-tools{margin-left:auto;display:flex;gap:8px}.icon-button{height:44px;width:44px;background:transparent;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button:hover{background:var(--subtle)}.help-icon{font-size:19px}.site-footer{margin-top:auto;padding:28px 0 26px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.025em;color:var(--muted)}.status-dot{width:5px;height:5px;background:var(--orange);border-radius:50%;display:inline-block;vertical-align:middle;margin-right:9px}.text-button{padding:0;background:transparent;font-size:12px;color:var(--muted)}.text-button:hover{color:var(--text)}.text-button span{margin-left:7px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:36px 0 25px;gap:20px}.eyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.eyebrow.accent{color:var(--orange)}h1,h2,p{margin-top:0}h1{font-size:40px;line-height:1.1;font-weight:500;letter-spacing:-.045em;margin-bottom:0}.intro-copy{font-size:13px;line-height:1.6;color:var(--muted);max-width:260px;margin:0;padding-bottom:2px}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.mode-button{text-align:left;padding:18px 18px 16px;background:transparent;border:1px solid var(--line);position:relative;border-radius:2px;transition:background .15s,border-color .15s}.mode-button[aria-pressed=true]{border-color:var(--orange);background:#fe502d0b}.mode-button:hover{background:var(--panel)}.mode-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.mode-name{font-size:16px;letter-spacing:.02em}.mode-number{font-size:10px;color:#777a72}.mode-button[aria-pressed=true] .mode-number{color:var(--orange)}.mode-description{display:block;font-size:10px;line-height:1.4;color:var(--muted);margin-top:9px}.setup-card{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid var(--line);border-radius:2px;overflow:hidden}.clock-preview{background:var(--panel);min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:40px 20px}.preview-mode{font-size:10px;letter-spacing:.17em;color:var(--orange);position:absolute;left:24px;top:24px}.preview-mode:before{content:"";width:6px;height:6px;display:inline-block;margin-right:9px;background:var(--orange)}.clock-digits{font-family:var(--font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.065em;font-weight:500;line-height:1.05;white-space:nowrap}.preview-digits{font-size:clamp(70px,8.1vw,112px);margin:20px 0 15px}.preview-caption{font-size:11px;letter-spacing:.045em;color:var(--muted);text-align:center;min-height:16px}.preview-bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#8d9087}.preview-bottom span:last-child{color:var(--text)}.setup-controls{padding:26px 28px 24px}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.control-heading h2{font-size:12px;font-weight:400;margin:0;letter-spacing:.06em}.control-heading span{color:var(--muted);font-size:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-label{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.duration-input{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-bottom:7px;gap:7px}.duration-input input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:32px;padding:3px 0;text-align:center;font-variant-numeric:tabular-nums;border-radius:0;-moz-appearance:textfield}.duration-input input::-webkit-inner-spin-button,.duration-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input .colon{font-size:23px;color:var(--muted)}.input-unit{display:flex;justify-content:space-around;font-size:9px;color:#8d9087;margin-top:6px}.rounds-input{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);font-size:32px;padding:3px 0 7px;text-align:center;font-variant-numeric:tabular-nums}.presets{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.preset{font-size:10px;padding:8px 13px;border:1px solid var(--line);background:transparent;border-radius:2px;color:var(--muted)}.preset:hover{color:var(--text);border-color:var(--muted)}.toggle-row{display:flex;gap:10px;align-items:center;font-size:13px;margin-bottom:18px;cursor:pointer}.toggle-row input{accent-color:var(--orange);width:18px;height:18px}.cap-off{height:92px;display:flex;align-items:center;font-size:13px;line-height:1.6;color:var(--muted)}.options-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.prepare-control{display:flex;align-items:center;gap:9px}.prepare-control label{font-size:11px;color:var(--muted)}.prepare-control select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:2px;padding:6px;font-size:11px}.sound-test{font-size:11px;color:var(--muted);background:transparent;padding:6px 0;display:flex;align-items:center;gap:6px}.sound-test svg{width:15px;height:15px}.primary{background:var(--orange);color:#ffffff;min-height:54px;padding:16px 22px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:12px;border-radius:2px;font-size:14px;letter-spacing:.02em}.primary:hover{background:#ff694b}.primary.start{width:100%;margin-top:22px;justify-content:space-between}.primary.start span:last-child{font-size:23px;font-weight:400;line-height:1}.setup-note{font-size:10px;color:var(--muted);margin:14px 0 0;text-align:center;line-height:1.5}.secondary{background:transparent;border:1px solid var(--line);min-height:52px;padding:14px 21px;border-radius:2px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.secondary:hover{background:var(--panel)}.training{min-height:calc(100svh - 178px);display:flex;flex-direction:column;padding:28px 0 20px}.training-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:20px}.training-mode{letter-spacing:.14em;color:var(--text);font-size:12px}.phase-pill{color:var(--orange);border:1px solid #fe502d44;border-radius:2px;padding:7px 13px;font-size:11px}.training-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0;min-height:300px}.phase-title{font-size:12px;text-transform:uppercase;letter-spacing:.22em;color:var(--orange);margin:0 0 12px}.active-time{font-size:clamp(86px,19vw,236px);line-height:1;letter-spacing:-.07em}.active-time.long-time{font-size:clamp(56px,14vw,172px)}.timer-subtitle{color:var(--muted);font-size:13px;margin-top:20px;min-height:20px;text-align:center;line-height:1.5}.phase-progress{height:3px;background:var(--subtle);width:min(420px,80%);margin-top:28px;overflow:hidden}.phase-progress div{width:100%;height:100%;background:var(--orange);transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .1s linear}.training[data-stage=rest] .phase-title,.training[data-stage=rest] .phase-pill{color:var(--rest)}.training[data-stage=rest] .phase-pill{border-color:#d8dccf44}.training[data-stage=rest] .phase-progress div{background:var(--rest)}.training[data-paused=true] .active-time{color:var(--muted)}.training[data-paused=true] .phase-title{color:var(--muted)}.training-bottom{max-width:540px;width:100%;margin:auto;display:flex;flex-direction:column;gap:15px}.training-actions{display:flex;justify-content:center;gap:12px}.training-actions button{min-width:150px;flex:1}.round-counter{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:5px}.round-counter .round-add{background:var(--panel);border:1px solid var(--line);height:48px;padding:10px 20px;font-size:12px;border-radius:2px}.round-counter .round-add span{color:var(--orange);font-size:18px;margin-right:10px}.round-count{font-size:13px;color:var(--muted)}.round-count strong{font-weight:400;color:var(--text);font-size:18px;margin-right:4px}.round-undo{border:1px solid var(--line);background:transparent;border-radius:50%;width:32px;height:32px;font-size:17px}.training-hint{color:var(--muted);font-size:10px;text-align:center;min-height:15px;line-height:1.5;margin:0}.done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 0 40px;min-height:calc(100svh - 178px)}.done-mark{width:46px;height:46px;border:1px solid var(--orange);color:var(--orange);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:23px;margin-bottom:22px}.done h1{font-size:34px;margin:0 0 28px}.done-time{font-size:clamp(68px,12vw,128px);margin-bottom:12px}.done-meta{font-size:13px;color:var(--muted);line-height:1.7}.tagline{width:min(330px,75%);height:auto;display:block;margin:30px 0 38px}.done-actions{display:flex;justify-content:center;gap:12px;width:min(480px,100%);margin-top:auto}.done-actions button{flex:1}.done-note{font-size:11px;color:var(--muted);margin:20px 0 0}.toast{position:fixed;z-index:20;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#eeeee9;color:#151614;padding:13px 20px;border-radius:4px;font-size:13px;max-width:calc(100% - 32px);width:max-content;transition:opacity .15s,transform .15s;box-shadow:0 4px 20px #0005}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:30px;max-width:460px;width:calc(100% - 32px);max-height:85svh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:25px;font-weight:400;letter-spacing:-.03em;padding-right:30px;margin-bottom:18px}dialog p,dialog li{font-size:13px;color:var(--muted);line-height:1.7}dialog ol{padding-left:20px}dialog strong{color:var(--text);font-weight:500}dialog .dialog-close{position:absolute;top:20px;right:18px;border:0;background:transparent;font-size:25px;padding:4px 10px}dialog .dialog-actions{display:flex;gap:10px;margin-top:24px}dialog .dialog-actions button{flex:1}dialog .help-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}dialog h3{font-size:13px;font-weight:500;margin-bottom:9px}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.form-error{color:#ff967e;font-size:12px;line-height:1.5;margin-top:10px}.full-row{grid-column:1/-1}
@media(min-width:1200px){.app-shell{max-width:1184px}.clock-preview{min-height:360px}.setup-controls{padding:30px 32px}.intro{padding-top:40px}.mode-button{padding-top:21px;padding-bottom:20px}}
@media(max-width:760px){.app-shell{padding-left:22px;padding-right:22px}.site-header{height:84px;gap:18px}.brand img{width:94px}.header-label{font-size:9px;letter-spacing:.12em;padding-left:18px}.header-tools{gap:5px}.icon-button{width:38px;height:38px}.intro{padding:28px 0 22px}h1{font-size:34px}.intro-copy{font-size:11px;max-width:190px}.mode-grid{gap:8px}.mode-button{padding:15px 12px}.mode-description{font-size:9px}.mode-name{font-size:13px}.mode-number{display:none}.setup-card{grid-template-columns:1fr 1fr}.setup-controls{padding:22px 18px}.clock-preview{min-height:330px;padding:30px 12px}.preview-digits{font-size:68px}.preview-mode{left:18px;top:20px;font-size:9px}.preview-bottom{left:18px;right:18px;font-size:8px}.field-grid{gap:10px}.duration-input input,.rounds-input{font-size:28px}.options-row{flex-wrap:wrap;gap:8px}.site-footer{font-size:10px}.site-footer .text-button{font-size:10px}}
@media(max-width:540px){.app-shell{padding:env(safe-area-inset-top) 20px 0}.site-header{height:76px;gap:14px}.brand img{width:87px}.header-label{font-size:8px;padding-left:14px;letter-spacing:.1em}.header-tools{gap:4px}.icon-button{width:35px;height:35px;border-color:transparent}.intro{padding:25px 0 21px}.intro-copy{display:none}h1{font-size:31px}.eyebrow{font-size:9px;margin-bottom:8px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:15px;gap:8px}.mode-button{padding:14px 15px}.mode-name{font-size:14px}.mode-description{font-size:9px;margin-top:6px}.mode-number{display:block;font-size:9px}.setup-card{display:flex;flex-direction:column}.clock-preview{min-height:184px;padding:28px 16px 25px}.preview-mode{position:static;font-size:9px;margin-bottom:3px}.preview-digits{font-size:75px;margin:5px 0 6px}.preview-caption{font-size:10px}.preview-bottom{display:none}.setup-controls{padding:22px 20px 21px}.control-heading{margin-bottom:16px}.duration-input input,.rounds-input{font-size:31px}.field-grid{gap:18px}.presets{margin-top:13px}.preset{padding:8px 12px}.options-row{margin-top:19px;padding-top:16px;flex-wrap:nowrap}.primary.start{margin-top:20px;min-height:54px}.setup-note{margin-top:12px}.site-footer{font-size:9px;padding:22px 0 calc(20px + env(safe-area-inset-bottom));gap:8px}.site-footer .text-button{font-size:9px}.training{min-height:calc(100svh - 135px);padding-top:24px;padding-bottom:20px}.training-top{gap:10px}.training-mode{font-size:11px}.phase-pill{font-size:10px}.training-center{min-height:300px;padding:35px 0}.active-time{font-size:clamp(76px,24vw,128px)}.active-time.long-time{font-size:clamp(50px,17vw,90px)}.phase-title{font-size:11px}.timer-subtitle{font-size:12px}.training-actions button{min-width:0;min-height:56px}.training-bottom{gap:18px}.training-hint{font-size:9px}.done{padding-top:40px;min-height:calc(100svh - 135px)}.done h1{font-size:29px}.done-actions{flex-direction:column;gap:10px}.tagline{margin:30px 0 42px}.done-note{font-size:10px}}
@media(max-height:530px) and (orientation:landscape){.site-header{height:64px}.brand img{width:80px}.training{min-height:calc(100svh - 70px);padding:10px 0}.training-center{min-height:0;padding:10px 0}.active-time{font-size:clamp(90px,23vh,130px)}.phase-title{margin:0 0 5px;font-size:10px}.timer-subtitle{margin-top:8px;font-size:11px}.phase-progress{margin-top:10px}.training-bottom{max-width:620px;gap:8px}.training-actions button{min-height:42px;padding:10px}.round-counter{margin:0}.round-counter .round-add{height:36px;padding:6px 14px}.training-hint{display:none}.site-footer{display:none}.training-top{font-size:10px}.phase-pill{padding:4px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}

@media(max-width:540px){.intro{padding:20px 0 17px}.clock-preview{min-height:148px;padding:20px 16px}.preview-digits{font-size:65px;margin:3px 0 5px}.setup-controls{padding:18px 20px}.options-row{margin-top:15px;padding-top:13px}.primary.start{margin-top:17px}.site-footer{padding-top:18px}}
.language-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:2px;padding:3px;margin-right:10px}.language-switch button{background:transparent;color:var(--muted);font-size:10px;letter-spacing:.06em;width:32px;min-height:32px;border-radius:1px}.language-switch button[aria-pressed=true]{background:var(--subtle);color:var(--text)}.language-switch button:hover{color:var(--text)}.site-footer{flex-direction:column;gap:17px}.footer-utility{display:flex;justify-content:space-between;align-items:center;gap:12px}.footer-links{display:flex;align-items:center;justify-content:center;gap:16px;font-size:10px;letter-spacing:.04em}.footer-links a{text-decoration:none;color:var(--muted);padding:5px 0}.footer-links a:hover{color:var(--text)}.footer-links a span{margin-left:3px}.footer-divider{height:10px;width:1px;background:var(--line)}
@media(max-width:540px){.header-label{display:none}.header-tools{gap:3px}.language-switch{margin-right:4px;padding:2px}.language-switch button{width:30px;min-height:30px;font-size:10px}.site-footer{gap:12px}.footer-utility{gap:7px;flex-wrap:wrap}.footer-links{font-size:10px;gap:16px}.site-footer .text-button{font-size:9px}.site-footer .text-button span{margin-left:3px}}