:root{--desk:#e9f2f1;--board:#0f6b6b;--board-edge:#094747;--foil:#b9ece4}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#0d1414;--board:#0c5656;--board-edge:#063434;--foil:#b9ece4}}.sheet h1{margin-bottom:0}.clock{aspect-ratio:1;justify-self:center;width:min(100%,260px);position:relative}.clock svg{width:100%;height:100%;transform:rotate(-90deg)}.clock .track{fill:none;stroke:#e3ebea;stroke-width:8px}.clock .bar{fill:none;stroke:var(--board);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.clock .time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;place-items:center;margin:0;font-size:52px;font-weight:800;display:grid;position:absolute;inset:0}.clock .state{color:var(--ink-soft);text-align:center;margin:0;font-size:14px;position:absolute;bottom:26%;left:0;right:0}.clock.running .state{color:var(--board);font-weight:700}#presets{justify-content:center}.chips input:disabled+span{opacity:.45}.controls{gap:8px;display:grid}.panel h2 span{color:var(--board)}.week{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:150px;display:grid}.week .col{text-align:center;height:100%;color:var(--ink-soft);grid-template-rows:18px 1fr 20px;font-size:12px;display:grid}.week i{background:var(--foil);border-radius:6px 6px 2px 2px;place-self:end center;width:70%;min-height:3px}.week .is-today i{background:var(--board)}.week .is-today .d{color:var(--board);font-weight:700}.recent{color:var(--ink-soft);margin:14px 0 0;padding:0;font-size:14px;list-style:none}.recent li{border-top:1px solid var(--rule);white-space:pre;padding:6px 0}