@media screen {
 #hiitNav{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:10px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff08;color:#ece8e1;font:600 13px/1.5 inherit;cursor:pointer;transition:background .15s,color .15s}
 #hiitNav:hover,#hiitNav.active{background:#ffffff18;color:#fff}
 #hiitNav:active{background:#ffffff26}
 #app .hiit-title{align-items:center}.hiit-title p{margin:5px 0 0;font-size:12px;letter-spacing:.06em}
 .hiit-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:28px;align-items:start}
 .hiit-stage{padding:36px 28px 24px;background:#fffefa;border:1px solid #ded9d0;border-radius:24px;text-align:center;box-shadow:0 8px 32px #30322f06}
 .hiit-phase{font-size:14px;letter-spacing:.12em;color:#84252d;font-weight:650}
 .hiit-readout{font-size:clamp(72px,8vw,128px);font-weight:550;font-variant-numeric:tabular-nums;line-height:1.3;letter-spacing:-.06em;color:#30322f;margin:8px 0}
 .hiit-status{min-height:22px;margin:0 0 24px;color:#6b6b63;font-size:13px}
 .hiit-stage[data-phase=work]{border-color:#be8b8f}.hiit-stage[data-phase=work] .hiit-readout{color:#84252d}
 .hiit-stage:is([data-phase=rest],[data-phase=setRest]){background:#f3f5ef}.hiit-stage:is([data-phase=rest],[data-phase=setRest]) .hiit-phase{color:#53674f}
 .hiit-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.hiit-stats div{display:grid;gap:7px}.hiit-stats small{font-size:11px;color:#6b6b63}.hiit-stats strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
 #hiitProgress{display:block;width:100%;height:4px;appearance:none;border:0;border-radius:3px;background:#e8e2d9;overflow:hidden;margin:0 0 24px}#hiitProgress::-webkit-progress-bar{background:#e8e2d9}#hiitProgress::-webkit-progress-value{background:#84252d}#hiitProgress::-moz-progress-bar{background:#84252d}
 .hiit-controls{display:flex;gap:12px}.hiit-controls button{flex:1;justify-content:center;min-height:52px!important}
 .hiit-sound{display:flex!important;align-items:center;justify-content:center;gap:8px;font-size:12px;margin:18px 0 0;color:#6b6b63}.hiit-sound input{width:18px;height:18px;accent-color:#84252d;margin:0}
 .hiit-settings{padding:8px 0}.hiit-settings fieldset{padding:0;border:0;margin:0;min-width:0}.hiit-settings legend{font-size:15px;font-weight:600;margin-bottom:20px;padding:0}.hiit-settings fieldset:disabled{opacity:.55}
 .hiit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.hiit-fields label{display:grid;gap:8px;font-size:12px;color:#64655d}.hiit-input{position:relative;display:block}.hiit-input input{width:100%;padding:12px 50px 12px 14px!important;height:50px;margin:0;font-variant-numeric:tabular-nums;font-size:18px!important}.hiit-input>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;pointer-events:none}
 .hiit-total{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1ddd5;padding:16px 0;margin:4px 0 18px;font-size:12px;color:#6b6b63}.hiit-total strong{color:#30322f;font-size:18px;font-variant-numeric:tabular-nums}
 .hiit-preset-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hiit-preset-head h2{font-size:13px;margin:0}.hiit-presets{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.hiit-presets>div{display:flex;gap:2px;max-width:100%}.hiit-presets button.secondary{font-size:12px;min-height:40px!important;padding:8px 12px;white-space:normal;overflow-wrap:anywhere}.hiit-presets button.link{min-width:32px;color:#77786f}

 #studioHiit{display:flex;align-items:center;justify-content:center;gap:6px}
 .hiit-layout button{transition:background-color .15s,color .15s,border-color .15s}.hiit-layout .secondary:not(:disabled):hover{background:#eee8e1;border-color:#c4b8ab}.hiit-layout .secondary:not(:disabled):active{background:#e4d9d3}.hiit-layout .primary:not(:disabled):hover{background:#a13c47}.hiit-layout .primary:not(:disabled):active{background:#631b25}
 @media(max-width:850px){.hiit-layout{grid-template-columns:1fr;gap:24px}.hiit-stage{padding:24px 20px 20px;border-radius:20px}.hiit-readout{font-size:88px}.hiit-settings{padding:0 2px}}
 @media(max-width:500px){#app .hiit-title{flex-direction:row}.hiit-title h1{font-size:22px!important}.hiit-title button{font-size:12px;padding:8px 12px}.hiit-stats{gap:8px}.hiit-stats strong{font-size:17px}#app .studio-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
}
@media print{#hiitMini,#hiitNav,#studioHiit,.hiit-layout{display:none!important}}
@media screen {
 .hiit-title-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
 .hiit-modes{display:flex;flex-wrap:wrap;gap:6px}.hiit-modes button{flex:1;min-width:65px;min-height:42px;border:1px solid #ddd7ce;border-radius:9px;background:#fff;color:#686961;font-size:11px;font-weight:650;padding:8px;cursor:pointer}.hiit-modes button.selected{background:#84252d;color:#fff;border-color:#84252d}.hiit-modes button:not(.selected):hover{background:#ede7df}.hiit-mode-note{font-size:12px;color:#6b6b63;min-height:20px;margin:12px 0 20px}
 .hiit-block{min-height:20px;font-size:14px;margin:0 0 6px}.hiit-block:empty{display:none}.hiit-finish{width:100%;margin-top:12px}.hiit-finish[hidden]{display:none!important}
 .hiit-mix{display:grid;gap:10px;margin-top:16px}.hiit-mix article{border:1px solid #e2ddd5;border-radius:12px;background:#fff;padding:10px 12px;display:grid;gap:8px}.hiit-mix article>.link{text-align:left}.hiit-mix small{display:block;color:#6b6b63;font-size:11px;margin-top:4px}.hiit-block-actions{display:flex;gap:8px;justify-content:flex-end}.hiit-block-actions button{min-height:36px!important;padding:6px 12px;font-size:12px}.hiit-mix>button{width:100%}
 #hiitBlockForm [hidden]{display:none!important}
 .hiit-only>aside,.hiit-only>#mobileNav,.hiit-only main>header,.hiit-only main>.demo,.hiit-only main>footer,.hiit-only #vaultStatus{display:none!important}
 .hiit-only main{width:100%;margin:0;padding:24px max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left));max-width:none;min-height:100svh}
 .hiit-only #app{max-width:1200px;margin:0 auto}.hiit-only.hiit-active .hiit-settings{display:none}.hiit-only.hiit-active .hiit-layout{display:block}.hiit-only.hiit-active .hiit-stage{max-width:950px;margin:0 auto}.hiit-only.hiit-active .hiit-readout{font-size:clamp(100px,20vw,220px)}
 @media(orientation:landscape) and (max-height:650px){
  .hiit-only main{padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left))}
  .hiit-only #app .hiit-title{margin-bottom:10px;gap:10px}.hiit-only .hiit-title h1{font-size:18px!important}.hiit-only .hiit-title p{display:none}.hiit-only .hiit-title button{min-height:40px!important;padding:6px 12px}
  .hiit-only .hiit-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.65fr);grid-template-rows:auto 1fr auto auto;column-gap:24px;padding:16px 22px;min-height:calc(100svh - 88px);box-sizing:border-box}
  .hiit-only .hiit-phase{grid-column:1;grid-row:1;align-self:end}.hiit-only .hiit-readout{grid-column:1;grid-row:2;font-size:clamp(90px,24vh,170px);margin:0;align-self:center}.hiit-only .hiit-block{grid-column:1;grid-row:3;margin:0}.hiit-only .hiit-status{grid-column:1;grid-row:4;margin:0;min-height:18px}
  .hiit-only .hiit-stats{grid-column:2;grid-row:1;margin:0;align-self:start}.hiit-only #hiitProgress{grid-column:2;grid-row:2;align-self:start;margin:16px 0 0}.hiit-only .hiit-controls{grid-column:2;grid-row:2;align-self:center}.hiit-only .hiit-finish{grid-column:2;grid-row:3;margin:0;min-height:36px!important}.hiit-only .hiit-sound{grid-column:2;grid-row:4;margin:0;font-size:11px}
 }
 @media(max-width:500px){.hiit-title-actions{gap:6px}.hiit-title-actions button{padding:7px 9px!important;font-size:11px!important}.hiit-only main{padding:16px 14px}.hiit-only.hiit-active .hiit-stage{padding-top:40px;padding-bottom:30px}}
}
@media screen{body.hiit-only{padding-bottom:0}.hiit-only .hiit-title{flex-wrap:nowrap}.hiit-only .hiit-title-actions{flex-wrap:nowrap}}
@media screen and (orientation:landscape) and (max-height:650px){.hiit-only.hiit-active .hiit-readout{font-size:clamp(80px,25vh,150px);line-height:1.2}.hiit-only.hiit-active .hiit-stage{height:calc(100svh - 88px);min-height:0}.hiit-only .hiit-status{line-height:1.4}}

/* The training timer has its own dark, high-contrast display. */
@media screen {
 #hiitMini{--mini-accent:#d5ff45;position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(var(--hiit-mini-bottom,16px),calc(12px + env(safe-area-inset-bottom)));z-index:60;display:grid;grid-template-columns:minmax(0,1fr) auto 40px;align-items:center;gap:12px;width:310px;max-width:calc(100vw - 28px);padding:12px 12px 12px 18px;margin:0;border:1px solid #34452f;border-radius:16px;background:#111718;color:#ecf4e7;box-shadow:0 6px 24px #11171826;color-scheme:dark;text-align:left}
 #hiitMini[hidden]{display:none!important}
 #hiitMini:is([data-phase=rest],[data-phase=setRest]){--mini-accent:#53e7d3;border-color:#28534d;background:#101b1c}
 #hiitMini[data-phase=prepare]{--mini-accent:#f1f6e9}
 #hiitMini .hiit-mini-copy{min-width:0;display:grid;gap:5px}#hiitMini .hiit-mini-copy>*{overflow:hidden;text-overflow:ellipsis}
 #hiitMiniPhase{color:var(--mini-accent);font-size:12px;font-weight:650;line-height:1.3;white-space:nowrap}
 #hiitMiniStatus{font-size:9px;font-weight:400;line-height:1.4;color:#a5b3a7;white-space:nowrap}
 #hiitMiniTime{color:var(--mini-accent);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:34px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1.1;white-space:nowrap}
 #hiitMiniOpen{display:grid;place-items:center;width:40px;min-width:40px;height:44px;min-height:44px;padding:0;border:1px solid #3a483c;border-radius:10px;background:#202a24;color:var(--mini-accent);cursor:pointer;box-shadow:none;filter:none;transition:background-color .15s,border-color .15s}
 #hiitMiniOpen svg{display:block}
 #hiitMiniOpen:hover{background:#34432e;border-color:#738c51}
 #hiitMiniOpen:active{background:#435735}
 #hiitMiniOpen:focus-visible{outline:2px solid var(--mini-accent);outline-offset:3px}
 #hiitMiniOpen[hidden]{display:none!important}
 #hiitMini:has(#hiitMiniOpen[hidden]){grid-template-columns:minmax(0,1fr) auto;width:254px;padding-right:18px}
 body.hiit-mini-visible #app::after{content:"";display:block;height:92px}
 body.hiit-mini-visible dialog:has(#hiitMini):not(.report-dialog){padding-bottom:100px}
 @media(max-width:650px){#hiitMini{right:max(14px,env(safe-area-inset-right));width:286px;gap:10px;padding:10px 10px 10px 14px;border-radius:14px}#hiitMiniTime{font-size:34px}#hiitMiniStatus{font-size:9px}}
 @media(orientation:landscape) and (max-height:500px){#hiitMini{width:280px;padding-top:8px;padding-bottom:8px}#hiitMiniTime{font-size:32px}}
}
@media screen{
 body.hiit-page{background:#090c0d;color:#f4f7f1;color-scheme:dark}
 .hiit-page main{background:#090c0d;color:#f4f7f1}
 .hiit-page main>header,.hiit-page main>footer{background:transparent;color:#818c88;border-color:#25302c}
 .hiit-page main>header span,.hiit-page main>footer b{color:inherit}
 .hiit-page .demo,.hiit-page #vaultStatus{background:#121818;color:#a1aaa4;border-color:#29322e}
 .hiit-page #mobileNav{background:#111616;border-color:#29322e}
 .hiit-page #mobileNav button{color:#9ba59e}
 .hiit-page #mobileNav .active{background:#d5ff45;color:#142000;box-shadow:none}
 .hiit-page #app .hiit-title h1{color:#f4f7f1;font-weight:650;letter-spacing:-.03em}
 .hiit-page .hiit-title p{color:#77847c;font-size:10px;letter-spacing:.18em}
 .hiit-page .hiit-stage{--timer-accent:#d5ff45;--timer-ink:#152000;background:#111718;border-color:#2a3430;box-shadow:none;padding-top:28px}
 .hiit-page .hiit-stage:is([data-phase=rest],[data-phase=setRest]){--timer-accent:#53e7d3;--timer-ink:#062722;background:#101b1c;border-color:#28534d}
 .hiit-page .hiit-stage[data-phase=work]{background:#111810;border-color:#45572c}
 .hiit-page .hiit-stage[data-phase=prepare]{--timer-accent:#f1f6e9;background:#131719}
 .hiit-page .hiit-phase{color:var(--timer-accent)!important;font-weight:700;font-size:14px;letter-spacing:.13em}
 .hiit-page .hiit-readout{color:var(--timer-accent)!important;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-weight:650;letter-spacing:-.065em}
 .hiit-page .hiit-status,.hiit-page .hiit-mode-note{color:#98a59b}
 .hiit-page .hiit-block{color:#b9c5bb;font-weight:500}
 .hiit-page .hiit-stats small{color:#829086;letter-spacing:.04em}
 .hiit-page .hiit-stats strong{color:#ecf4e7;font-size:19px}
 .hiit-page #hiitProgress,.hiit-page #hiitProgress::-webkit-progress-bar{background:#29342b}
 .hiit-page #hiitProgress::-webkit-progress-value{background:var(--timer-accent)}
 .hiit-page #hiitProgress::-moz-progress-bar{background:var(--timer-accent)}
 .hiit-page #app .secondary,.hiit-page dialog .secondary,.hiit-page #vaultStatus button{background:#1b2321;color:#d9e4d9;border-color:#344039;box-shadow:none}
 .hiit-page #app .secondary:not(:disabled):hover,.hiit-page dialog .secondary:not(:disabled):hover{background:#2b382e;border-color:#718367;color:#f2ffeb}
 .hiit-page #app .secondary:not(:disabled):active{background:#3a4b33}
 .hiit-page #app .primary,.hiit-page dialog .primary{background:#d5ff45;color:#142000;border-color:#d5ff45;box-shadow:none;font-weight:700}
 .hiit-page #app .hiit-stage .primary{background:var(--timer-accent);border-color:var(--timer-accent);color:var(--timer-ink)}
 .hiit-page #app .primary:not(:disabled):hover,.hiit-page dialog .primary:hover{background:#e5ff94;border-color:#e5ff94;color:#142000}
 .hiit-page #app .primary:not(:disabled):active{background:#b9e82d;border-color:#b9e82d}
 .hiit-page :is(button,a,input,select,textarea):focus-visible{outline:2px solid #d5ff45!important;outline-offset:3px}
 .hiit-page .hiit-settings legend,.hiit-page .hiit-preset-head h2{color:#e7f0e3}
 .hiit-page .hiit-fields label,.hiit-page .hiit-total,.hiit-page .hiit-mix small{color:#9aaa9b}
 .hiit-page .hiit-input input,.hiit-page dialog input:not([type=checkbox]),.hiit-page dialog select{background:#151d1b!important;color:#f1f7ed!important;border-color:#354136!important;box-shadow:none}
 .hiit-page .hiit-input>span{color:#83947e}
 .hiit-page .hiit-total{border-color:#2c392d}.hiit-page .hiit-total strong{color:#d5ff45}
 .hiit-page .hiit-modes button{background:#151c19;border-color:#344031;color:#a3b09e}
 .hiit-page .hiit-modes button.selected{background:#d5ff45;border-color:#d5ff45;color:#142000}
 .hiit-page .hiit-modes button:not(.selected):hover{background:#2b3827;color:#e3f1d6}
 .hiit-page .link{color:#d5ff45}.hiit-page .hiit-presets button.link{color:#a3b09e}
 .hiit-page .hiit-mix article{background:#121a17;border-color:#30402e}
 .hiit-page .hiit-mix article>.link{color:#e5eedf}
 .hiit-page .context-help,.hiit-page .context-help summary,.hiit-page .context-help p{background:transparent;color:#9aaa9c;border-color:#2a382d}
 .hiit-page dialog:not(.report-dialog){background:#121917;color:#eaf3e3;border:1px solid #384633;box-shadow:0 20px 70px #0008}
 .hiit-page dialog :is(h1,h2,h3,label){color:#eaf3e3}
 .hiit-page dialog .formerror,.hiit-page #hiitError{color:#ff9e92}
 .hiit-sound-tools{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;flex-wrap:wrap}
 .hiit-sound-tools .hiit-sound{margin:0;color:#a2afa1;font-size:11px;gap:6px;white-space:nowrap}
 .hiit-sound-tools .hiit-sound input{accent-color:#d5ff45;width:17px;height:17px}
 .hiit-volume{display:flex!important;align-items:center;gap:6px;font-size:10px;color:#94a18d}
 .hiit-volume input{width:80px!important;min-height:24px!important;height:24px!important;margin:0!important;padding:0!important;accent-color:#d5ff45;background:transparent!important;cursor:pointer}
 .hiit-sound-tools button{min-height:36px!important;font-size:11px!important;padding:6px 10px!important}
 .hiit-page .hiit-settings fieldset:disabled{opacity:.5}
 .hiit-only.hiit-active .hiit-stage{padding-bottom:20px}
 @media(min-height:651px){.hiit-page.hiit-only main{padding-bottom:16px}}
 @media(max-width:500px){.hiit-sound-tools{gap:9px}.hiit-volume input{width:65px!important}.hiit-page .hiit-stage{padding-top:30px}.hiit-page .hiit-modes{gap:4px}.hiit-page .hiit-modes button{min-width:52px;font-size:10px}.hiit-page .hiit-title-actions button{font-size:11px!important}}
 @media(orientation:landscape) and (max-height:650px){.hiit-page .hiit-stage{padding-top:16px}.hiit-only .hiit-sound-tools{grid-column:2;grid-row:4;margin:0;gap:8px;flex-wrap:nowrap}.hiit-only .hiit-sound-tools .hiit-sound{font-size:10px}.hiit-only .hiit-volume input{width:60px!important}.hiit-only .hiit-volume>span{display:none}.hiit-only .hiit-sound-tools button{padding:5px 8px!important;min-height:32px!important}}
}