.pl{--ink:#14171c;--chalk:#f2f0ea;--line:#f2f0ea29;--panel:#00000038;--bg:var(--ink);--fg:var(--chalk);--accent:#f5c542;--soft:#f2f0eab8;--fig:var(--fg);--far:color-mix(in srgb, var(--fg) 55%, var(--bg));--floor:color-mix(in srgb, var(--fg) 35%, var(--bg));background:var(--bg);min-height:100vh;color:var(--fg);grid-template-rows:auto 1fr auto;padding-inline:clamp(16px,3vw,48px);font-family:Arial Narrow,system-ui,sans-serif;transition:background-color .35s,color .35s;display:grid}.pl[data-kind=warm]{--bg:#20324a;--accent:#8cc0f0}.pl[data-kind=work]{--bg:#8f2f1c;--accent:#ffb38a;--panel:#0003}.pl[data-kind=trans]{--bg:#2a2f37;--accent:#f5c542}.pl[data-kind=rest],.pl[data-kind=done]{--bg:#145e5a;--accent:#9fe3d6}.pl[data-kind=cool]{--bg:#2f2a44;--accent:#c4b2f2}.pl[data-mode=move]{--bg:#b3261e;--accent:#ffd7a8;--panel:#0003}.pl[data-mode=pause]{--bg:#17703f;--accent:#c8f5d2;--panel:#00000026}@media (prefers-reduced-motion:reduce){.pl{transition:none}.pulse{animation:none!important}}.pl-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding-block:clamp(10px,2vh,22px);display:flex}.pl-brand{letter-spacing:.04em;text-transform:uppercase;font-size:clamp(20px,2.6vmin,34px);font-weight:800}.pl-brand span{color:var(--accent)}.pl-totals{font-variant-numeric:tabular-nums;gap:clamp(16px,3vw,40px);display:flex}.pl-totals div{flex-direction:column;align-items:flex-end;display:flex}.pl-lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-size:clamp(12px,1.4vmin,16px);font-weight:600}.pl-totals b{font-size:clamp(20px,3vmin,40px);line-height:1}.pl-overall{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.pl-overall i,.pl-segbar i{background:var(--accent);height:100%;display:block}.pl-idle{flex-direction:column;gap:clamp(16px,3vh,32px);min-width:0;padding-block:clamp(16px,3vh,40px);display:flex}.pl-idle h1{text-transform:uppercase;margin:0;font-size:clamp(44px,9vmin,130px);font-weight:900;line-height:.9}.pl-intro{color:var(--soft);margin:8px 0 0;font-size:clamp(18px,2.4vmin,28px)}.pl-blocks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.pl-block{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:10px;min-width:0;padding:clamp(14px,2vmin,24px);display:flex}.pl-block .head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pl-block h2{text-transform:uppercase;margin:0;font-size:clamp(22px,3.2vmin,40px);font-weight:800;line-height:1}.pl-block .dur{font-variant-numeric:tabular-nums;color:var(--accent);font-size:clamp(18px,2.4vmin,30px);font-weight:700}.pl-block[data-b=warmup] .dur{color:#8cc0f0}.pl-block[data-b=main] .dur{color:#ff7a55}.pl-block[data-b=finisher] .dur{color:#9fe3d6}.pl-block[data-b=cooldown] .dur{color:#c4b2f2}.pl-block .sub{color:var(--soft);font-size:clamp(15px,1.9vmin,22px);font-weight:600}.pl-block ol{flex:1;margin:0;padding-left:1.6em;font-size:clamp(16px,2.1vmin,26px);font-weight:600;line-height:1.35}.from{align-self:flex-start}.pl-live{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) clamp(220px,20vw,360px);align-items:center;gap:clamp(16px,2.5vw,40px);min-height:0;padding-block:clamp(12px,2.5vh,32px);display:grid}.pl-main{flex-direction:column;gap:clamp(6px,1.2vh,16px);min-width:0;display:flex}.pl-tagrow{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.pl-tag{letter-spacing:.08em;text-transform:uppercase;border:3px solid var(--accent);color:var(--accent);border-radius:4px;padding:.08em .45em;font-size:clamp(18px,3vmin,40px);font-weight:800;line-height:1.1}.pl-round,.pl-upnext{letter-spacing:.12em;text-transform:uppercase;color:var(--soft);font-size:clamp(16px,2.4vmin,30px);font-weight:700}.pl-exname{text-transform:uppercase;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:clamp(40px,9vmin,150px);font-weight:900;line-height:.92}.pl-reps{color:var(--accent);margin:0;font-size:clamp(24px,4.5vmin,64px);font-weight:800}.pl-cue{color:var(--soft);max-width:40ch;margin:0;font-size:clamp(18px,2.8vmin,36px);font-weight:600}.pl-easy{margin:0;font-size:clamp(15px,2.1vmin,26px);font-weight:600}.pl-clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;transform-origin:0;font-size:clamp(100px,28vmin,400px);font-weight:700;line-height:.85}.pulse{animation:1s ease-out pulse}@keyframes pulse{0%{transform:scale(1.06)}to{transform:scale(1)}}.pl-segbar{background:var(--line);border-radius:9px;height:clamp(10px,1.6vh,18px);overflow:hidden}.pl-segbar i{background:var(--fg)}.pl-next{font-size:clamp(18px,2.8vmin,36px);font-weight:600}.pl-next span{color:var(--soft);text-transform:uppercase;letter-spacing:.12em;margin-right:.5em;font-size:.7em}.pl-visual{justify-content:center;min-width:0;display:flex}.pl-anim{justify-content:center;width:100%;display:flex}.pl-anim .fig{width:100%;height:min(60vh,520px)}.pl-circuit{flex-direction:column;gap:clamp(8px,1.5vh,20px);width:100%;margin:0;padding:0;list-style:none;display:flex}.pl-circuit li{text-transform:uppercase;align-items:center;gap:16px;font-size:clamp(20px,3.4vmin,44px);font-weight:700;display:flex}.pl-circuit b{color:var(--accent)}.pl-anim-sm{flex:none;width:clamp(90px,14vmin,180px)}.pl-anim-sm .fig{width:100%;height:clamp(70px,14vmin,170px)}.pl-side{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:clamp(10px,1.6vh,18px);min-width:0;padding:clamp(14px,2vmin,26px);display:flex}.pl-side h3{text-transform:uppercase;margin:0;font-size:clamp(22px,3.4vmin,46px);font-weight:800;line-height:1}.pl-side .sub{color:var(--soft);margin-top:4px;font-size:clamp(14px,1.9vmin,22px);font-weight:600}.pl-list{counter-reset:st;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pl-list li{counter-increment:st;opacity:.6;border-radius:4px;gap:10px;padding:4px 8px;font-size:clamp(16px,2.3vmin,28px);font-weight:600;display:flex}.pl-list li.cur{opacity:1;background:var(--fg);color:var(--bg)}.pl-steps{color:var(--soft);margin:0;font-size:clamp(14px,1.8vmin,20px)}.pl-done{flex-direction:column;justify-content:center;gap:16px;padding-block:32px;display:flex}.pl-done h1{text-transform:uppercase;margin:0;font-size:clamp(56px,14vmin,220px);font-weight:900;line-height:.9}.pl-done p{color:var(--soft);margin:0;font-size:clamp(20px,3vmin,40px);font-weight:600}.pl-controls{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-block:clamp(10px,1.8vh,20px);display:flex}.pl button{font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;min-height:44px;padding:10px 16px;font-size:clamp(14px,1.8vmin,20px);font-weight:700}.pl button:hover{border-color:var(--fg)}.pl button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);min-width:9em}.pl button[aria-pressed=false]{opacity:.55}.pl button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pl-keys{color:var(--soft);margin-left:auto;font-size:clamp(13px,1.5vmin,17px);font-weight:600}@media (max-width:900px){.pl-live{grid-template-columns:minmax(0,1fr)}.pl-anim .fig{height:36vh}.pl-keys{display:none}}.pl select{font:inherit;color:var(--fg);border:1px solid var(--line);background:0 0;border-radius:4px;max-width:16em;min-height:44px;padding:10px;font-size:clamp(13px,1.6vmin,17px)}.pl select option{color:#14171c}.pl-list li:before{content:counter(st);text-align:right;width:1.2em;color:var(--soft);font-variant-numeric:tabular-nums}.pl-list li.cur:before{color:var(--bg)}.pl-upnext-name{text-transform:uppercase;margin:0;font-size:clamp(24px,4.5vmin,60px);font-weight:800;line-height:1}.pl-upnext-name span{letter-spacing:.14em;color:var(--soft);margin-bottom:4px;font-size:.45em;display:block}.pl-visual{flex-direction:column;align-items:center;gap:12px}.pl-visual.is-next{border:3px dashed var(--line);background:var(--panel);border-radius:10px;padding:clamp(12px,2vmin,24px)}.pl-visual.is-next .pl-anim .fig{opacity:.8;height:min(38vh,340px)}.pl-nexthead{justify-content:space-between;align-self:stretch;align-items:baseline;gap:12px;display:flex}.pl-nexthead span{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:clamp(18px,3vmin,40px);font-weight:800}.pl-nexthead b{color:var(--soft);font-variant-numeric:tabular-nums;font-size:clamp(16px,2.4vmin,30px)}.pl-nextname{text-transform:uppercase;text-align:center;margin:0;font-size:clamp(22px,3.6vmin,48px);font-weight:800;line-height:1}.pl-nextname b{color:var(--accent)}.pl-circuit small{text-transform:none;color:var(--soft);letter-spacing:0;font-size:.5em;font-weight:600;display:block}.is-next .pl-circuit li{font-size:clamp(16px,2.6vmin,32px)}.pl-controls a{color:var(--fg);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:4px;align-items:center;min-height:44px;padding:10px 16px;font-size:clamp(14px,1.8vmin,20px);font-weight:700;text-decoration:none;display:inline-flex}.pl[data-kind=rest] .pl-exname,.pl[data-kind=trans] .pl-exname{font-size:clamp(56px,13vmin,200px)}.pl[data-kind=rest] .pl-clock,.pl[data-kind=trans] .pl-clock{font-size:clamp(120px,34vmin,480px)}.pl-edit{color:var(--fg);text-underline-offset:.15em;text-decoration:underline}