:root{color-scheme:dark;--bg:#111311;--panel:#1b1e1b;--line:#313630;--text:#f4f5ee;--muted:#a0a79b;--lime:#c4f45d;--orange:#ff966b}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--text)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(6%,calc((100% - 1180px)/2));gap:32px}.brand{font-size:32px;letter-spacing:-2px;font-weight:800;text-decoration:none;color:var(--text);white-space:nowrap}.mark{color:var(--lime);margin-right:7px}.dot{color:var(--lime)}.tag,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.profile{margin-left:auto;display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--text);font-size:13px}.profile #avatar{background:#323b27;color:var(--lime);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700}.chevron{color:var(--muted)}main{max-width:1180px;margin:auto;padding:48px 24px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}h1{font-size:clamp(28px,3.3vw,40px);font-weight:500;letter-spacing:-1.5px;margin:12px 0 0}h1 em{font-style:normal;color:var(--lime)}.connection{color:var(--muted);font-size:11px;border:1px solid var(--line);padding:9px 12px;border-radius:20px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:32px;margin-bottom:30px}.tabs button{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:15px 0;font-size:14px}.tabs button.active{color:var(--lime);border-color:var(--lime)}.workout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:40px}.timer-wrap{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px}.timer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:13px}.icon{color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:8px;width:34px;height:34px;margin-left:6px;font-size:20px}.timer-card{color:#17200d;border-radius:14px;padding:24px 28px;background:var(--lime);transition:background .3s}.timer-card.prepare{background:#eeeeb6}.timer-card.rest{background:var(--orange);color:#30160b}.timer-meta{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.2px;gap:8px}.timer-meta span:first-child{border:1px solid #1a260d55;border-radius:20px;padding:5px 9px}.timer-meta span:last-child{padding:5px 0}#activity{font-size:28px;margin:30px 0 0;letter-spacing:-1px}.clock{font-size:clamp(76px,10vw,137px);font-weight:850;font-stretch:condensed;letter-spacing:-8px;line-height:1.2;font-variant-numeric:tabular-nums;margin:5px 0 20px}.progress{height:5px;background:#0002;border-radius:5px;overflow:hidden}.progress>div{height:100%;width:0;background:currentColor;transition:width .15s linear}.upnext{display:flex;flex-direction:column;gap:8px;margin:22px 0 26px}.upnext>span,.timer-bottom{font-size:9px;font-weight:700;letter-spacing:1px;opacity:.75}.upnext strong{font-size:16px}.upnext small{font-size:13px;margin-left:10px;font-weight:400;opacity:.7}.timer-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #0002;padding-top:16px}.controls{display:flex;gap:12px;margin-top:18px}.primary{background:var(--lime);color:#17200d;border:0;border-radius:10px;padding:17px 20px;font-size:14px;font-weight:750}.controls .primary{flex:1}.secondary{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;padding:12px 18px}.controls .secondary{font-size:20px;width:58px;padding:0}.text-btn{border:0;background:none;color:var(--muted);font-size:12px;padding:10px 0}.timer-wrap>#finish{display:block;margin:8px auto 0}.tip{text-align:center;color:var(--muted);font-size:11px;margin:8px 0 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 20px}.section-head h2{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:8px 0 0}.section-head .text-btn{color:var(--lime)}select,input{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:13px;border-radius:9px;min-width:0}#preset{width:100%;font-size:13px}.summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;margin:22px 0;gap:10px}.summary div+div{border-left:1px solid var(--line);padding-left:20px}.summary strong{font-size:21px;display:block;font-weight:500}.summary span,.stats span{font-size:8px;letter-spacing:1px;color:var(--muted);display:block;margin-top:7px}.steps{display:flex;flex-direction:column;gap:9px;max-height:340px;overflow:auto}.step{border:1px solid var(--line);border-radius:11px;padding:16px;display:flex;align-items:center;gap:13px}.step.active{border-color:var(--lime);background:#c4f45d09}.step .num{font-size:11px;color:var(--muted);width:19px}.step .label{font-size:13px;flex:1}.step small{display:block;margin-top:5px;font-size:9px;letter-spacing:1px;color:var(--muted)}.step .time{font-size:17px;font-variant-numeric:tabular-nums}.step i,.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}.step.rest i,.legend .rest-dot{background:var(--orange)}.legend{display:flex;gap:20px;justify-content:center;color:var(--muted);font-size:10px;margin:18px 0}.legend i{margin-right:4px}.motivation{display:flex;gap:13px;background:#1b2017;border:1px solid #303b23;padding:17px;border-radius:10px;margin-top:24px}.motivation>span{color:var(--lime);font-size:24px}.motivation strong{font-size:12px;font-weight:500}.motivation p{font-size:11px;color:var(--muted);margin:6px 0 0}footer{margin-top:42px;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;gap:20px}footer .small{font-size:21px;color:var(--muted)}footer>span:last-child{font-size:8px;letter-spacing:1px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;width:min(580px,94vw);max-height:90dvh;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{margin:10px 0 25px}dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:16px}dialog .primary{width:100%;margin-top:15px}.close{float:right;background:none;border:0;color:var(--muted);font-size:25px}.muted{color:var(--muted);font-size:12px;line-height:1.6}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edit-row{border:1px solid var(--line);padding:12px;border-radius:10px;margin:12px 0}.edit-row .row-top{display:flex;gap:8px}.edit-row .row-top input{flex:1;width:50%}.edit-row .row-bottom{display:flex;gap:10px;margin-top:10px}.edit-row input[type=number]{width:90px}.edit-row .row-bottom label{margin:0;flex:1}.edit-row .remove{background:transparent;color:var(--orange);border:0;font-size:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stats>div{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:13px}.stats strong{font-size:32px;color:var(--lime);font-weight:500}.history-row{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.history-row .info{flex:1}.history-row strong{font-size:14px}.history-row p{font-size:11px;color:var(--muted);margin:7px 0 0}.history-row .badge{font-size:10px;color:var(--lime);padding:6px 9px;background:#c4f45d12;border-radius:20px}.history-row .badge.partial{color:var(--orange);background:#ff966b12}.empty{padding:60px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.save-box{text-align:center;padding:12px;color:var(--lime);font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:15px 24px;border-radius:12px;max-width:90vw;z-index:10;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.timer-wrap:fullscreen{display:flex;flex-direction:column;justify-content:center;background:var(--bg);padding:4vh max(6vw,20px);overflow:auto}.timer-wrap:fullscreen .timer-card{flex:1;display:flex;flex-direction:column;justify-content:center}.timer-wrap:fullscreen .clock{font-size:min(26vw,38vh)}.timer-wrap:fullscreen #activity{font-size:5vh}.timer-wrap:fullscreen .timer-top{flex-shrink:0}
@media(max-width:760px){header{height:74px;padding:0 20px;gap:15px}.tag{display:none}.brand{font-size:28px}main{padding:30px 16px 0}.intro{display:block;margin-bottom:22px}.intro .connection{display:inline-block;margin-top:18px}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:30px}.workout-layout{grid-template-columns:1fr;gap:25px}.timer-wrap{padding:14px}.timer-card{padding:21px}.clock{font-size:clamp(70px,22vw,130px);letter-spacing:-5px}#activity{margin-top:26px;font-size:26px}.timer-meta{font-size:9px}.timer-top{font-size:12px}aside{padding:0 4px}.steps{max-height:none}footer>span:last-child{display:none}footer{margin-top:30px}.stats{gap:8px}.stats>div{padding:18px 12px}.stats strong{font-size:27px}.history-row{padding:15px;flex-wrap:wrap}.history-row .badge{margin-left:auto}.summary span{font-size:8px}}
/* V2: timer de alto contraste inspirado nas referências de treino. */
:root{--lime:#a2ff37;--orange:#39a9db;--yellow:#faff27;--condensed:Impact,'Arial Narrow',Arial,sans-serif}.tabs button{display:flex;align-items:center;gap:8px}.tabs button>span:first-child{font-size:19px}.timer-heading{display:flex;flex-direction:column;gap:5px}.timer-heading strong{color:var(--lime);font-family:var(--condensed);font-size:23px;letter-spacing:0}.timer-tools{display:flex}.timer-card.prepare{background:var(--yellow)}.timer-card.rest{background:var(--orange);color:#081b26}.timer-meta{font-size:10px}#activity{font-family:var(--condensed);font-size:34px;text-transform:uppercase;line-height:1.08;overflow-wrap:anywhere}.clock{font-family:var(--condensed);font-weight:900;font-size:clamp(85px,11vw,150px);letter-spacing:-5px;line-height:1.15}.upnext{background:var(--lime);padding:15px;border-radius:9px;gap:5px;margin:22px 0 18px;color:#101b09}.upnext[data-kind=rest]{background:var(--orange);color:#081b26}.upnext[data-kind=prepare]{background:var(--yellow)}.upnext strong{font-family:var(--condensed);font-size:21px;text-transform:uppercase}.upnext>span{font-size:8px;opacity:.7}.upnext #nextTime{font-family:var(--condensed);font-size:40px;line-height:1}.training-counts{display:flex;justify-content:space-between;margin:20px 18px -20px;position:relative;pointer-events:none}.training-counts div{text-align:center;min-width:95px}.training-counts strong{font-family:var(--condensed);font-size:34px;color:var(--lime)}.training-counts div:first-child strong{color:var(--orange)}.training-counts span{display:block;font-size:8px;letter-spacing:.6px;margin-top:5px;color:var(--muted)}.controls{align-items:center;justify-content:center;gap:16px}.controls .primary{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none;background:none;color:var(--lime);padding:0;width:146px;gap:10px}.play-symbol{border:5px solid currentColor;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;font-size:31px;line-height:1}.play-label{font-family:var(--condensed);font-size:22px;text-transform:uppercase}.controls .secondary{width:42px;height:42px;border-radius:50%;font-size:17px;position:relative}.training-counts{margin-bottom:8px}.settings-panel{max-width:760px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px 25px 22px}.settings-note{font-size:11px;color:var(--muted)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:96px;border-bottom:1px solid var(--line);padding:20px 0}.setting-row>span{flex:1}.setting-row strong{font-size:15px;display:block;font-weight:650}.setting-row small{font-size:11px;color:var(--muted);display:block;margin-top:7px;line-height:1.4}.setting-row select{font-size:12px;max-width:45%}.setting-row input[role=switch]{appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;flex-shrink:0;width:56px;height:32px;cursor:pointer;background:#565954;border-radius:30px;position:relative;transition:background .2s}.setting-row input[role=switch]:before{content:'';position:absolute;top:4px;left:4px;width:24px;height:24px;background:#252725;border-radius:50%;transition:transform .2s}.setting-row input[role=switch]:checked{background:var(--lime)}.setting-row input[role=switch]:checked:before{transform:translateX(24px)}.setting-row input:disabled{opacity:.35;cursor:default}.setting-row input[type=range]{padding:0;max-width:45%;accent-color:var(--lime);border:0}.settings-panel>.secondary{margin-top:22px}.settings-panel .muted{margin-bottom:0}.light-theme{color-scheme:light;--bg:#f4f5ee;--panel:#fff;--line:#d6dbd1;--text:#17200f;--muted:#58614f}.light-theme .profile #avatar{background:#e4f0d5}.light-theme .motivation{background:#e7eddd;border-color:#cdd8c1}.light-theme .timer-heading strong,.light-theme .tabs button.active,.light-theme .controls .primary,.light-theme .training-counts strong,.light-theme .stats strong,.light-theme .section-head .text-btn,.light-theme .save-box{color:#386500}.light-theme .training-counts div:first-child strong{color:#096c99}.light-theme .tabs button.active{border-color:#386500}.light-theme .step.active{border-color:#559b16;background:#a2ff370a}.light-theme .controls .primary:focus-visible{outline-color:#386500}.light-theme .toast{background:#17200f;color:#fff}
.focus-mode header,.focus-mode .intro,.focus-mode footer,.focus-mode .tabs,.focus-mode aside{display:none!important}.focus-mode main{max-width:none;padding:0}.focus-mode .workout-layout{display:block}.focus-mode .timer-wrap{border:0;border-radius:0;min-height:100dvh;display:flex;flex-direction:column;padding:18px max(15px,calc((100vw - 1100px)/2))}.focus-mode .timer-card{flex:1;text-align:center}.focus-mode .clock{font-size:clamp(90px,24vw,36vh);line-height:1.1}.focus-mode .upnext{margin-top:0}.focus-mode .timer-wrap .controls{margin-top:10px}.focus-mode .tip{display:none}
@media(max-width:760px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}header{height:62px;padding:0 18px}.brand{font-size:25px}main{padding:22px 16px 0}.intro{margin-bottom:16px}body[data-view=train] .intro,body[data-view=sequence] .intro{display:none}.tabs{position:fixed;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom));padding:7px 12px calc(7px + env(safe-area-inset-bottom));margin:0;border:0;border-top:1px solid var(--line);background:var(--bg);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;z-index:5}.tabs button{flex-direction:column;justify-content:center;gap:4px;font-family:var(--condensed);font-size:12px;text-transform:uppercase;border:0;border-radius:30px;padding:7px 0;letter-spacing:.3px}.tabs button>span:first-child{font-family:Arial,sans-serif;font-size:24px;line-height:1}.tabs button.active{background:#ffffff12;color:var(--lime)}.light-theme .tabs button.active{background:#17200f0b;color:#386500}body[data-view=train] main{padding:0}body[data-view=train] aside,body[data-view=train] footer{display:none}body[data-view=sequence] .timer-wrap{display:none}body[data-view=sequence] main{padding-top:24px}.timer-wrap{border:0;border-radius:0;padding:0;background:var(--bg)}.timer-top{padding:14px 18px;margin:0;min-height:76px}.timer-heading{text-transform:uppercase;font-family:var(--condensed);font-size:17px;gap:4px;max-width:55%;overflow-wrap:anywhere}.timer-heading strong{font-size:23px}.icon{border:0;color:var(--lime);font-size:25px;margin-left:4px}.light-theme .icon{color:#386500}.timer-card{padding:0;border-radius:0;text-align:center}.timer-meta{padding:13px 18px 0;align-items:center;font-size:9px;letter-spacing:1px}.timer-meta span:first-child{border:0;padding:0}.timer-meta span:last-child{padding:0}#activity{font-size:clamp(26px,8vw,48px);padding:18px 16px 0;margin:0;line-height:1.05;min-height:65px}.clock{font-size:clamp(100px,35vw,260px);line-height:1.28;letter-spacing:-.075em;padding:0 12px 12px;margin:0;font-weight:900}.progress{border-radius:0;height:4px}.upnext{border-radius:0;padding:12px 15px 15px;margin:0;gap:5px;min-height:110px;justify-content:center}.upnext #nextTime{font-size:48px}.upnext strong{font-size:22px;overflow-wrap:anywhere}.timer-bottom{display:none}.training-counts{margin:18px 24px -68px;min-height:60px;z-index:1}.training-counts div{min-width:70px;max-width:90px}.training-counts strong{font-size:40px}.training-counts span{font-family:var(--condensed);font-size:10px;letter-spacing:0;line-height:1.4}.controls{margin:0 auto;gap:13px;min-height:150px;position:relative}.controls .primary{width:126px;gap:9px}.play-symbol{width:92px;height:92px;font-size:31px}.play-label{font-size:21px}.controls .secondary{position:absolute;bottom:3px;height:31px;width:31px;font-size:14px}.controls #reset{left:24px}.controls #skip{right:24px}.timer-wrap>#finish{font-size:11px;padding:9px;margin:8px auto 0}.tip{display:none}.save-box{margin:10px 18px;padding:8px;background:var(--panel);border-radius:10px}.timer-wrap:fullscreen{padding:0;display:block}.timer-wrap:fullscreen .clock{font-size:35vw}.settings-panel{padding:0 18px 20px;border-radius:12px}.setting-row{min-height:92px}.setting-row strong{font-family:var(--condensed);font-size:19px;text-transform:uppercase;font-weight:500}.settings-note{font-size:10px;max-width:95px;text-align:right}.setting-row input[type=range]{width:120px}.focus-mode{padding-bottom:0}.focus-mode .timer-wrap{padding:0;min-height:100dvh}.focus-mode .timer-top{padding-top:max(14px,env(safe-area-inset-top))}.focus-mode .timer-card{display:flex;flex-direction:column;justify-content:space-between}.focus-mode .clock{font-size:min(35vw,28vh);flex:1;display:grid;place-items:center;letter-spacing:-.075em}.focus-mode #activity{font-size:8vw}.focus-mode .upnext{flex-shrink:0}.focus-mode .controls{width:100%;margin-top:0}.focus-mode .controls .secondary{bottom:3px}}
@media(max-width:760px) and (orientation:landscape){body[data-view=train] .timer-card{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto}.timer-meta{grid-column:1/-1}#activity{grid-column:1;grid-row:2;min-height:0;padding-top:10px;font-size:6vw}.clock{grid-column:1;grid-row:3;font-size:20vw;padding:0;line-height:1}.upnext{grid-column:2;grid-row:2/4;align-content:center;height:100%}.progress{grid-column:1/-1}.training-counts{margin-top:12px}.timer-top{min-height:56px;padding:8px 18px}.timer-heading strong{font-size:18px}.controls{min-height:140px}.focus-mode .timer-card{display:grid}}

.saved-plan{display:flex;gap:8px;margin:8px 0}.saved-plan button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:14px;overflow-wrap:anywhere}.saved-plan button:first-child{flex:1;text-align:left}.stage-signal .timer-card{outline:6px solid var(--text);outline-offset:-6px}@media(prefers-reduced-motion:reduce){.timer-card,.progress>div{transition:none}}

.auth-required main{display:none}.auth-required #profileDialog [data-close],.auth-required #profileDialog hr{display:none}.auth-required #profileDialog{max-width:440px}.auth-required .profile{visibility:hidden}

#setupForm{padding:24px;margin:24px 0}#setupForm label{display:flex;flex-direction:column;gap:8px;margin:16px 0}#setupForm input{width:100%;min-height:48px}#setupForm h2{margin:28px 0 12px}
