:root{--paper: #f2eee4;--ink: #17181c;--pop: #e8481c;--pool: #1f5c4d;--muted: #7c7666;--line: #d8d2c4;--card: #fbf9f3;--stage-bg: var(--ink);--stage-fg: var(--paper);--stage-accent: var(--pop);--graph-0: #e6e2d6;--graph-1: #cfe6dc;--graph-2: #96cdba;--graph-3: #4fa88f;--graph-4: #1f5c4d}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #15161a;--ink: #ede8dc;--pop: #ff5c33;--pool: #3fa189;--muted: #8e897b;--line: #2c2e34;--card: #1d1f24;--graph-0: #23252b;--graph-1: #264a41;--graph-2: #2f7361;--graph-3: #3fa189;--graph-4: #6bcbb1}}:root[data-theme=dark]{--paper: #15161a;--ink: #ede8dc;--pop: #ff5c33;--pool: #3fa189;--muted: #8e897b;--line: #2c2e34;--card: #1d1f24;--graph-0: #23252b;--graph-1: #264a41;--graph-2: #2f7361;--graph-3: #3fa189;--graph-4: #6bcbb1}*{box-sizing:border-box}img{max-width:100%}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hanken Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:660px;margin:0 auto;padding:0 20px 72px}.masthead{position:relative;padding:40px 0 26px;border-bottom:3px solid var(--ink)}.kicker{font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted);margin:0 0 14px;padding-right:90px}.theme-toggle{position:absolute;top:36px;right:0;flex:0 0 auto;font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted);background:transparent;border:1.5px solid var(--line);border-radius:2px;padding:6px 10px}.theme-toggle:hover{color:var(--ink);border-color:var(--ink);transform:none}h1{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:.005em;margin:0;text-wrap:balance;font-size:clamp(2.9rem,13vw,5.4rem)}h1 .big{display:block}h1 .pop{color:var(--pop)}.standfirst{margin:18px 0 0;max-width:46ch;color:var(--muted);font-size:15px;line-height:1.55}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:13px}.meta span{border:1.5px solid var(--ink);padding:5px 10px 3px;border-radius:2px}.stage{position:sticky;top:0;z-index:5;margin:0 -20px;background:var(--stage-bg);color:var(--stage-fg);padding:22px 20px 0;transition:background .4s ease,color .4s ease}.stage[data-phase=work]{--stage-bg: var(--pop);--stage-fg: #fff;--stage-accent: #fff}.stage[data-phase=warmup],.stage[data-phase=cooldown]{--stage-bg: var(--pool);--stage-fg: #fff;--stage-accent: #fff}.stage[data-phase=rest],.stage[data-phase=roundbreak]{--stage-bg: var(--card);--stage-fg: var(--ink);--stage-accent: var(--pool)}.stage[data-phase=done]{--stage-bg: var(--pool);--stage-fg: #fff;--stage-accent: #fff}.stage[data-phase=lead]{--stage-bg: var(--ink);--stage-fg: var(--paper);--stage-accent: var(--pop)}.stage-eyebrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:12px;opacity:.85;min-height:16px}.clock{font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1;font-size:clamp(4.2rem,22vw,7.5rem);margin:4px 0 2px}.clock.warn{animation:pulse .5s steps(1) infinite}@keyframes pulse{50%{opacity:.35}}.move-row{display:flex;align-items:center;gap:14px;min-width:0}.move-ic{width:clamp(38px,12vw,52px);height:clamp(38px,12vw,52px);flex:0 0 auto;opacity:.92}.move{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(1.5rem,6.5vw,2.5rem);line-height:1.02;margin:0;min-width:0;text-wrap:balance}.ex-icon{display:inline-block;color:var(--ic, currentColor)}.detail{margin:8px 0 0;font-size:14.5px;line-height:1.5;opacity:.9;min-height:2.2em}.next{margin:14px 0 0;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;opacity:.75;min-height:1.2em}.track{height:6px;margin:16px -20px 0;background:#7f7f7f40}.track>i{display:block;height:100%;background:var(--stage-accent);width:0;transition:width .25s linear}.controls{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;background:var(--stage-bg);transition:background .4s ease}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--stage-accent);outline-offset:2px}.controls button{font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:15px;border:2px solid currentColor;background:transparent;color:var(--stage-fg);padding:12px 14px 10px;border-radius:3px;flex:1;transition:transform .08s ease,background .15s ease,color .15s ease}.controls button.primary{background:var(--stage-fg);color:var(--stage-bg)}.controls button:hover{transform:translateY(-1px)}.controls button:active{transform:translateY(1px)}.controls .btn-mini{flex:0 0 auto;font-size:12px;padding:12px 12px 10px}.picker{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}.chip-wrap{position:relative}.chip{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:9px 30px 9px 13px;border:1.5px solid var(--line);border-radius:3px;background:var(--card);color:var(--ink);transition:border-color .15s ease,background .15s ease,color .15s ease}.chip:hover{border-color:var(--ink)}.chip.on{border-color:var(--pop);background:var(--pop);color:#fff}.chip-nm{font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;font-size:13px;line-height:1}.chip-mn{font-size:11px;font-weight:700;letter-spacing:.02em;opacity:.72;font-variant-numeric:tabular-nums;text-transform:uppercase}.chip-fav{position:absolute;top:3px;right:3px;padding:3px 5px;font-size:13px;line-height:1;color:var(--muted);background:transparent;border:0;border-radius:3px}.chip-fav.on{color:var(--pop)}.chip-fav:hover{color:var(--ink)}.chip-wrap.on .chip-fav{color:#ffffffa6}.chip-wrap.on .chip-fav.on{color:#fff}.progress-strip{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.progress-strip b{color:var(--ink);font-variant-numeric:tabular-nums}.setup-row{display:flex;flex-wrap:wrap;gap:10px 20px;margin:12px 0 0}.tuner,.settings{min-width:0}.tuner-toggle,.settings-toggle,.hist-toggle{font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--muted);background:transparent;border:1.5px solid var(--line);border-radius:2px;padding:6px 10px}.tuner-toggle:hover,.tuner-toggle[aria-expanded=true],.settings-toggle:hover,.settings-toggle[aria-expanded=true],.hist-toggle:hover,.hist-toggle[aria-expanded=true]{color:var(--ink);border-color:var(--ink)}.settings-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--card);border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;transition:color .15s ease,background .15s ease,border-color .15s ease}.pill:hover{color:var(--ink);border-color:var(--ink)}.pill.on{color:#fff;background:var(--pool);border-color:var(--pool)}.tuner-body{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:12px;padding:14px;border:1.5px solid var(--line);border-radius:4px;background:var(--card)}.tuner-row{display:flex;align-items:center;gap:10px}.tuner-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:28px;height:28px;padding:0;border:1.5px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);font-size:17px;line-height:1}.stepper button:hover:not(:disabled){border-color:var(--ink)}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper-val{min-width:36px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}.tuner-reset{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:transparent;border:1.5px solid var(--line);border-radius:2px;padding:6px 10px}.tuner-reset:disabled{opacity:.4;cursor:not-allowed}.prog{margin-top:44px}.prog h2{font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:.02em;font-size:1.5rem;margin:0 0 4px}.prog .lead{margin:0 0 22px;color:var(--muted);font-size:14px}.group{margin:0 0 26px}.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:2px solid var(--ink);margin-bottom:4px}.group-head h3{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem;margin:0}.group-head .dur{font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.tag{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:2px;flex:0 0 auto}.tag-pause{background:var(--line)}.nm-ic{width:20px;height:20px;flex:0 0 auto}.row .nm[data-phase=work]{--ic: var(--pop)}.row .nm[data-phase=warmup],.row .nm[data-phase=cooldown]{--ic: var(--pool)}.row .nm[data-phase=rest]{--ic: var(--muted)}.row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline;width:100%;text-align:left;background:transparent;border:0;border-radius:0;color:var(--ink);font-family:inherit;text-transform:none;letter-spacing:normal;padding:11px 4px;border-bottom:1px solid var(--line);cursor:pointer;flex:none}.row:hover{background:var(--card);transform:none}.row:active{transform:none}.row:focus-visible{outline:2px solid var(--pop);outline-offset:-2px}.row .nm{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}.row .tm{font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;letter-spacing:.02em}.row .ds{grid-column:1 / -1;color:var(--muted);font-size:13px;line-height:1.45}.row.active{background:var(--card)}.row.active .nm{color:var(--pop)}.legend{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 22px;font-size:12px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.framgang{margin-top:46px}.framgang h2{font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:.02em;font-size:1.5rem;margin:0 0 16px}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}.stat-tile{display:flex;flex-direction:column;gap:3px;padding:12px 10px;border:1.5px solid var(--line);border-radius:4px;background:var(--card)}.stat-num{font-family:Anton,Impact,sans-serif;font-size:clamp(1.3rem,5vw,1.7rem);line-height:1;font-variant-numeric:tabular-nums}.stat-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}@media (max-width: 460px){.stat-tiles{grid-template-columns:repeat(2,1fr)}}.contrib{margin:0 0 8px}.graph-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.contrib svg{display:block}.contrib-cell{cursor:pointer}.contrib-cell:hover{stroke:var(--ink);stroke-width:1}.contrib-mnd,.contrib-dow{fill:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.contrib-dow{text-anchor:end}.contrib-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:8px}.contrib-detail{margin:0;font-size:12px;color:var(--muted)}.contrib-legend{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.contrib-legend i{width:11px;height:11px;border-radius:2px}.fokus-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.fokus-list li{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;font-size:12px}.fokus-navn{font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.fokus-bar{height:8px;border-radius:2px;background:var(--graph-3);width:var(--w, 0%);min-width:3px}.fokus-n{font-weight:700;font-variant-numeric:tabular-nums}.hist{margin-top:40px}.hist-body{margin-top:14px}.hist-empty{margin:0;color:var(--muted);font-size:13px;line-height:1.5;max-width:52ch}.hist-list{list-style:none;margin:0;padding:0}.hist-list li{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:4px 12px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:13px}.hist-navn{font-weight:700}.hist-when{grid-column:1 / -1;color:var(--muted);font-size:12px}.hist-pct,.hist-dur{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.hist-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hist-actions button{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:transparent;border:1.5px solid var(--line);border-radius:2px;padding:7px 11px}.hist-actions button:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.hist-actions button:disabled{opacity:.4;cursor:not-allowed}.hist-msg{margin:12px 0 0;font-size:12px;color:var(--muted)}.foot{margin-top:46px;padding-top:18px;border-top:3px solid var(--ink);color:var(--muted);font-size:13px;line-height:1.55}.foot b{color:var(--ink)}.tally{margin:18px 0 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);text-align:center}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}