:root{--font-ui:"IBM Plex Mono", ui-monospace, Menlo, monospace;--font-display:"Fraunces Variable", Georgia, serif;--display-style:italic;--display-weight:500;--font-numbers:"Fraunces Variable", Georgia, serif;--font-digits:"IBM Plex Mono", ui-monospace, Menlo, monospace;--text-scale:1}html{font-size:calc(100% * var(--text-scale))}html[data-type=hyperlegible]{--font-ui:"Atkinson Hyperlegible", system-ui, sans-serif;--font-display:var(--font-ui);--display-style:normal;--display-weight:700;--font-numbers:var(--font-ui);--font-digits:var(--font-ui)}html[data-type=grotesk]{--font-ui:"Space Grotesk Variable", system-ui, sans-serif;--font-display:var(--font-ui);--display-style:normal;--display-weight:600;--font-numbers:var(--font-ui);--font-digits:var(--font-ui)}html[data-type=lexend]{--font-ui:"Lexend Variable", system-ui, sans-serif;--font-display:var(--font-ui);--display-style:normal;--display-weight:600;--font-numbers:var(--font-ui);--font-digits:var(--font-ui)}html[data-type=editorial]{--font-ui:"Fraunces Variable", Georgia, serif;--font-digits:var(--font-ui)}html[data-type=system]{--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-ui);--display-style:normal;--display-weight:650;--font-numbers:var(--font-ui);--font-digits:ui-monospace, "SF Mono", Menlo, Consolas, monospace}html:not([data-type=instrument]):not([data-type=system]) .dc-time{letter-spacing:0}@media (max-width:1200px){html:is([data-textsize=lg],[data-textsize=xl]) .brand .sub{display:none}}@media (max-width:900px){html:is([data-textsize=lg],[data-textsize=xl]) .np-label{display:none}}@media (max-width:480px){html:is([data-textsize=lg],[data-textsize=xl]) .brand h1{font-size:22px}}@media (max-width:380px){html[data-textsize=xl] .navpill{padding:0 7px}}#topbar{border-bottom:1px solid var(--line2);animation:down .6s var(--ease) both;justify-content:space-between;align-items:center;gap:14px;padding:16px 30px 14px;display:flex}.brand{align-items:baseline;gap:14px;display:flex}.brand h1{font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:-.01em;white-space:nowrap;font-size:1.6875rem;line-height:1}.brand h1 .mark{background:var(--tomato);border-radius:50%;width:7px;height:7px;margin-left:6px;transition:background .5s;display:inline-block}.brand .sub{letter-spacing:.28em;color:var(--ink2);white-space:nowrap;font-size:.5938rem}.hgroup{align-items:center;gap:6px;display:flex}.hnav{gap:8px;display:flex}.navpill{border:1px solid var(--line);height:38px;color:var(--ink);letter-spacing:.14em;cursor:pointer;white-space:nowrap;transition:background .2s, border-color .2s, color .2s, transform .15s var(--ease);background:0 0;border-radius:11px;align-items:center;gap:9px;padding:0 14px;font-size:.625rem;font-weight:600;display:flex}.navpill .ic{width:15px;height:15px}.navpill:hover{border-color:var(--ink);transform:translateY(-1px)}.navpill:active{transform:scale(.96)}.navpill.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.navpill .cnt{background:var(--tomato);min-width:18px;height:18px;color:var(--paper);letter-spacing:0;border-radius:9px;place-items:center;padding:0 5px;font-size:.5938rem;font-weight:600;line-height:1;transition:background .25s,color .25s,border-color .25s;display:grid}.navpill .cnt.zero{border:1px solid var(--line);color:var(--ink2);background:0 0}.navpill.on .cnt.zero{border-color:color-mix(in srgb, var(--paper) 40%, transparent);color:color-mix(in srgb, var(--paper) 75%, transparent)}.vsep{background:var(--line);width:1px;height:20px;margin:0 8px}.ibtn{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;transition:background .18s,border-color .18s,transform .15s;display:grid;position:relative}.ibtn:hover{background:var(--paper2);border-color:var(--line)}.ibtn:active{transform:scale(.93)}.ibtn .ic{width:18px;height:18px}.tico{transition:transform .5s var(--spring), opacity .3s var(--ease);place-items:center;display:grid;position:absolute;inset:0}html[data-theme=light] .t-sun{opacity:0;transform:rotate(120deg)scale(.4)}html[data-theme=dark] .t-moon{opacity:0;transform:rotate(-120deg)scale(.4)}:where([data-tip]){position:relative}[data-tip]:after{content:attr(data-tip);background:var(--ink);color:var(--paper);letter-spacing:.14em;white-space:nowrap;opacity:0;pointer-events:none;z-index:50;border-radius:6px;padding:5px 9px;font-size:.5625rem;transition:all .18s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(-4px)}[data-tip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.hgroup>.ibtn[data-tip]:after{left:auto;right:0;transform:translateY(-4px)}.hgroup>.ibtn[data-tip]:hover:after{transform:translateY(0)}@media (hover:none){[data-tip]:after{display:none}}#stage{flex-direction:column;flex:1;justify-content:safe center;align-items:center;min-height:auto;padding:8px 20px 14px;display:flex}.presets{width:min(620px,100%);animation:fade .7s .12s var(--ease) both;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.preset{border:1px solid var(--line);cursor:pointer;text-align:center;color:var(--ink);min-width:0;transition:all .22s var(--ease);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:11px 4px 12px;display:flex}.preset b{letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.7813rem;font-weight:600;line-height:1}.preset span{letter-spacing:.22em;text-indent:.22em;color:var(--ink2);font-size:.4688rem;line-height:1;transition:color .22s}.preset:hover{border-color:var(--ink);transform:translateY(-1px)}.preset:active{transform:scale(.96)}.preset.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.preset.on span{color:var(--paper);opacity:.8}.dial-zone{animation:up .8s var(--ease) .18s both;flex-direction:column;align-items:center;gap:18px;display:flex}.dial-wrap{width:var(--dial);height:var(--dial);cursor:grab;transition:width .6s var(--ease), height .6s var(--ease);touch-action:none;position:relative}body.running .dial-wrap{cursor:default}.dial-wrap.dragging{cursor:grabbing}#dial{width:100%;height:100%;display:block}.tk{stroke:var(--ink2);stroke-width:1px;opacity:.5}.tk.maj{stroke:var(--ink);stroke-width:2px;opacity:.9}.dnum{fill:var(--ink2);font-size:11px;font-family:var(--font-digits)}.track{fill:none;stroke:var(--line);stroke-width:2px}.arc{fill:none;stroke:var(--phase);stroke-width:8px;stroke-linecap:round;transition:stroke .6s var(--ease), opacity .45s}#setArc{opacity:.28}.dial-wrap:hover #setArc{opacity:.5}.dial-wrap.dragging #setArc{opacity:.95}#arc{opacity:1;transition:stroke .6s var(--ease), opacity .5s}body.idle #arc{opacity:.25}.hand{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.handKnob{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.runKnob{fill:var(--phase);stroke:var(--paper);stroke-width:3px;transition:fill .6s,stroke .6s}.dial-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.dc-time{font-family:var(--font-digits);font-size:calc(var(--dial) * .225);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.dc-time .colon{display:inline}body.running .dc-time .colon{animation:1s linear infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.18}}.dc-phase{letter-spacing:.4em;text-indent:.4em;color:var(--phase-ink);align-items:center;gap:10px;font-size:12px;font-weight:600;transition:color .6s;display:flex}.dc-phase:before,.dc-phase:after{content:"";background:var(--phase);opacity:.5;width:22px;height:1px;transition:background .6s}.dc-meta{letter-spacing:.26em;color:var(--ink2);min-height:14px;font-size:10px}.swap .dc-time{animation:swapIn .55s var(--ease)}.swap .dc-phase{animation:swapIn .55s var(--ease) 60ms}@keyframes swapIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.nowtask{border:1px solid var(--line);height:36px;color:var(--ink);cursor:pointer;min-width:0;max-width:min(92%,440px);transition:border-color .2s, transform .2s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex}.nowtask[hidden]{display:none}.nowtask:hover{border-color:var(--ink);transform:translateY(-1px)}.nowtask:active{transform:scale(.97)}.nt-tag{letter-spacing:.24em;color:var(--phase-ink);flex:none;font-size:.5rem;font-weight:600;transition:color .6s}.nt-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.6875rem;overflow:hidden}.nt-prog{flex:none;gap:4px;display:flex}.nt-prog i{border:1px solid var(--ink2);border-radius:50%;width:5px;height:5px;transition:background .3s,border-color .3s}.nt-prog i.f{background:var(--phase);border-color:var(--phase)}.rounds{align-items:center;gap:14px;display:flex}.dots{gap:7px;display:flex}.dots i{border:1.5px solid var(--ink2);border-radius:50%;width:9px;height:9px;transition:background .3s,border-color .3s;position:static}.dots i.done{background:var(--phase);border-color:var(--phase)}.dots i.cur{border-color:var(--phase);animation:2.4s ease-in-out infinite breath}.dots i.flash{animation:pop .45s var(--spring)}@keyframes breath{50%{transform:scale(1.35)}}#roundLbl{letter-spacing:.24em;color:var(--ink2);font-size:.5938rem}.controls{align-items:center;gap:18px;display:flex}.ctl{color:var(--ink);cursor:pointer;background:0 0;border:none}.ghost{border:1.5px solid var(--line);width:54px;height:54px;transition:border-color .2s, transform .2s var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}.ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.ghost:active{transform:scale(.93)}.ghost .ic{width:19px;height:19px}.ctl.primary{background:var(--ink);height:58px;color:var(--paper);letter-spacing:.24em;text-indent:.24em;border:1.5px solid var(--ink);transition:all .22s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 34px;font-size:.8125rem;font-weight:600;display:flex}.ctl.primary:hover{box-shadow:0 16px 34px -14px color-mix(in srgb, var(--ink) 55%, transparent);transform:translateY(-2px)}.ctl.primary:active{transform:scale(.97)}.ctl.primary .ic{width:15px;height:15px}body.running .ctl.primary{color:var(--ink);background:0 0}body.running .ctl.primary:hover{box-shadow:none}.hint{letter-spacing:.22em;color:var(--ink2);text-align:center;font-size:.5938rem}#ruler{z-index:5;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;top:50%;left:34px;transform:translateY(-50%)}.rl-cap{letter-spacing:.3em;color:var(--ink2);font-size:.5313rem}.rl-strip{cursor:ns-resize;touch-action:none;background:repeating-linear-gradient(to bottom, var(--ink2) 0, var(--ink2) 1px, transparent 1px, transparent calc(100% / 6)), repeating-linear-gradient(to bottom, var(--line) 0, var(--line) 1px, transparent 1px, transparent calc(100% / 18));width:14px;height:min(52vh,400px);position:relative}body.running .rl-strip{cursor:default}.rl-n{color:var(--ink2);font-size:.5313rem;position:absolute;left:-24px;transform:translateY(-50%)}#rulerMark{pointer-events:none;transition:top .45s var(--ease);align-items:center;gap:6px;display:flex;position:absolute;left:100%;transform:translateY(-50%)}#rulerMark:before{content:"";border:4px solid #0000;border-left-color:var(--phase);width:0;height:0;transition:border-color .5s}#rulerMark b{color:var(--phase-ink);font-size:.6875rem;font-weight:600;transition:color .5s}#statCol{z-index:5;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .25s var(--ease);flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;top:50%;right:34px;transform:translateY(-50%)}#statCol:hover{transform:translateY(-50%)scale(1.02)}.sc-block{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.sc-block b{font-family:var(--font-numbers);font-size:2.375rem;font-weight:600;line-height:1;transition:color .3s}#statCol:hover .sc-block b{color:var(--phase)}.sc-block span{letter-spacing:.26em;color:var(--ink2);text-align:right;font-size:.5313rem;line-height:1.5}.sc-sep{background:var(--line);width:26px;height:1px}#basebar{border-top:1px solid var(--line2);animation:fade .7s .28s var(--ease) both;justify-content:space-between;align-items:center;gap:20px;padding:15px 30px 17px;display:flex}#tray{flex:auto;align-items:center;gap:8px;min-width:0;display:flex;position:relative}#trayBtn{flex:none}#sideList{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;min-width:0;margin:-3px 0;padding:3px;display:flex;overflow-x:auto}#sideList.more-start{-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px);mask-image:linear-gradient(90deg,#0000,#000 36px)}#sideList.more-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}#sideList.more-start.more-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000)}#sideList::-webkit-scrollbar{display:none}#sideList:empty{display:none}.chip-btn{flex:none}.side{scroll-snap-align:start;border:1px solid var(--line);background:var(--paper2);height:36px;animation:pop .35s var(--spring);border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 6px 0 14px;display:flex}.side .s-name{letter-spacing:.18em;color:var(--ink2);font-size:.5313rem}.side .s-time{font-variant-numeric:tabular-nums;min-width:52px;font-size:.8125rem;font-weight:600}.s-bar{background:var(--line);border-radius:2px;width:44px;height:2px;position:relative;overflow:hidden}.s-bar i{background:var(--ink);position:absolute;top:0;bottom:0;left:0}.s-ctlB{width:26px;height:26px;color:var(--ink2);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;transition:color .15s;display:grid}.s-ctlB:hover{color:var(--ink)}.s-ctlB .ic{width:12px;height:12px}.side.done{border-color:var(--tomato);animation:1.2s infinite doneBlink}@keyframes doneBlink{50%{opacity:.45}}.chip-btn{border:1px dashed var(--line);height:34px;color:var(--ink2);letter-spacing:.2em;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.5938rem;transition:all .2s;display:flex}.chip-btn:hover{color:var(--ink);border-color:var(--ink);border-style:solid}.chip-btn .ic{width:12px;height:12px}.flyout{background:var(--paper2);border:1px solid var(--line);width:252px;box-shadow:0 24px 50px -18px color-mix(in srgb, var(--ink) 40%, transparent);z-index:60;animation:pop .3s var(--spring);border-radius:14px;padding:16px;position:absolute;bottom:calc(100% + 12px);left:0}.fo-t{letter-spacing:.24em;color:var(--ink2);margin:0 0 8px;font-size:.5313rem}.fo-chips{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;display:grid}.fo-chips button{border:1px solid var(--line);cursor:pointer;height:34px;color:var(--ink);background:0 0;border-radius:9px;font-size:.75rem;font-weight:600;transition:all .18s}.fo-chips button:hover{border-color:var(--ink);background:var(--paper)}.fo-custom{align-items:center;gap:8px;display:flex}.pm{border:1px solid var(--line);cursor:pointer;width:26px;height:26px;color:var(--ink);background:0 0;border-radius:7px;font-size:.875rem;transition:border-color .15s}.pm:hover{border-color:var(--ink)}.fo-custom b{text-align:center;min-width:36px;font-size:.875rem}.fo-custom span{color:var(--ink2);letter-spacing:.14em;margin-right:auto;font-size:.5313rem}.keys{white-space:nowrap;letter-spacing:.18em;color:var(--ink2);flex:none;gap:18px;font-size:.5625rem;display:flex}.keys kbd{border:1px solid var(--line);background:var(--paper2);border-radius:5px;margin-right:6px;padding:2px 6px;font-family:inherit;font-size:.5313rem}@media (max-width:1560px){#basebar:has(.side) .keys{display:none}}#dateStamp{letter-spacing:.26em;color:var(--ink2);white-space:nowrap;flex:none;font-size:.5938rem}#scrim{background:color-mix(in srgb, var(--ink) 32%, transparent);opacity:0;pointer-events:none;z-index:80;transition:opacity .4s;position:fixed;inset:0}#scrim.on{opacity:1;pointer-events:auto}#sheet{width:min(calc(430px * var(--text-scale,1)), 94vw);background:var(--paper2);border-left:1px solid var(--line);z-index:90;transition:transform .5s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(103%)}#sheet.on{transform:none}#sheet>header{border-bottom:1px solid var(--line2);align-items:center;gap:6px;padding:16px 16px 12px;display:flex}.tabs{gap:4px;margin-right:auto;display:flex}.tabs button{letter-spacing:.18em;height:34px;color:var(--ink2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 14px;font-size:.625rem;transition:all .2s}.tabs button.on{background:var(--ink);color:var(--paper)}.tabs button:hover:not(.on){color:var(--ink);background:var(--line2)}.panes{flex:1;padding:20px 22px 46px;overflow-y:auto}.panes::-webkit-scrollbar{width:8px}.panes::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.pane{flex-direction:column;gap:12px;animation:.4s fade;display:none}.pane.on{display:flex}.grp{letter-spacing:.3em;color:var(--ink2);border-bottom:1px solid var(--line);margin:14px 0 2px;padding-bottom:7px;font-size:.5625rem}.note{color:var(--ink2);letter-spacing:.06em;font-size:.5938rem;line-height:1.7}.stepper{align-items:center;gap:12px;padding:11px 0;display:flex;position:relative}.stepper:not(:last-child):after{content:"";background:repeating-linear-gradient(to right, var(--line) 0 4px, transparent 4px 11px);height:1px;position:absolute;bottom:0;left:0;right:0}.s-lab{letter-spacing:.12em;white-space:nowrap;text-overflow:ellipsis;margin-right:auto;font-size:.6875rem;overflow:hidden}.s-cluster{border:1px solid var(--line);background:var(--paper);border-radius:10px;flex:none;align-items:stretch;transition:border-color .2s;display:flex;overflow:hidden}.s-cluster:hover{border-color:var(--ink2)}.s-cluster:focus-within{border-color:var(--ink)}.s-btn{cursor:pointer;width:34px;height:34px;color:var(--ink);touch-action:manipulation;background:0 0;border:none;flex:none;place-items:center;transition:background .15s,transform .1s;display:grid}.s-btn .ic{width:15px;height:15px}.s-btn:hover{background:var(--line2)}.s-btn:active{transform:scale(.88)}.s-btn:focus-visible{outline-offset:-3px}.s-val{border-left:1px solid var(--line2);border-right:1px solid var(--line2);background:color-mix(in srgb, var(--ink) 4%, transparent);font-variant-numeric:tabular-nums;flex:none;place-items:center;min-width:58px;font-size:.875rem;font-weight:600;display:grid}.s-unit{color:var(--ink2);letter-spacing:.22em;flex:none;width:56px;font-size:.5313rem}.dur-foot{grid-template-columns:repeat(3,1fr);gap:8px;margin:3px 0 2px;display:grid}.dur-foot>div{border:1px solid var(--line2);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:11px 4px 9px;display:flex}.dur-foot b{font-family:var(--font-numbers);font-size:1.1875rem;font-weight:600;line-height:1}.dur-foot span{letter-spacing:.18em;color:var(--ink2);text-align:center;font-size:.4688rem;line-height:1.5}@media (max-width:420px){.stepper{flex-wrap:wrap;row-gap:9px}.s-lab{flex:1 0 100%;overflow:visible}.s-cluster{margin-left:auto}}.switch{cursor:pointer;align-items:center;gap:12px;padding:9px 0;display:flex;position:relative}.switch input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.switch input:focus-visible+.sw{outline:2px solid var(--phase);outline-offset:3px}.sw{background:var(--line);border-radius:999px;flex:none;width:40px;height:22px;transition:background .25s;position:relative}.sw i{background:var(--paper);width:16px;height:16px;transition:transform .25s var(--spring);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked+.sw{background:var(--phase)}.switch input:checked+.sw i{transform:translate(18px)}.sw-lab{letter-spacing:.1em;font-size:.6875rem}.sound-chips{gap:6px;display:flex}#soundChips{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sound-chips button{border:1px solid var(--line);letter-spacing:.12em;height:36px;color:var(--ink2);cursor:pointer;background:0 0;border-radius:9px;flex:1;font-size:.625rem;transition:all .2s}.sound-chips button.on{border-color:var(--phase);color:var(--phase-ink);background:color-mix(in srgb, var(--phase) 9%, transparent)}.vol-row{align-items:center;gap:12px;padding:6px 0;display:flex}.vol-row .ic{width:16px;height:16px;color:var(--ink2);flex:none}.vol-row b{text-align:right;min-width:36px;font-size:.6875rem}input[type=range]{appearance:none;background:var(--line);cursor:pointer;border-radius:2px;outline:none;flex:1;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:none;border-radius:50%;width:16px;height:16px;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--ink);border:none;border-radius:50%;width:16px;height:16px}.mini{border:1px solid var(--ink);letter-spacing:.16em;cursor:pointer;height:34px;color:var(--ink);background:0 0;border-radius:9px;padding:0 16px;font-size:.625rem;transition:all .18s}.mini:hover{background:var(--ink);color:var(--paper)}.mini:active{transform:scale(.97)}.mini.primary{background:var(--ink);color:var(--paper)}.mini.danger{border-color:var(--tomato);color:var(--tomato-ink)}.mini.danger:hover{background:var(--tomato);color:var(--paper)}.mini:disabled{opacity:.45;cursor:default}.danger-row{flex-wrap:wrap;gap:8px;display:flex}.task-sum{letter-spacing:.2em;color:var(--ink2);justify-content:space-between;align-items:baseline;gap:10px;padding:2px 2px 0;font-size:.5625rem;display:flex}.task-sum b{color:var(--ink);font-weight:600}.linkbtn{color:var(--ink2);letter-spacing:.2em;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:.5313rem;transition:color .15s}.linkbtn:hover{color:var(--tomato)}.task-add{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}#taskInput{border:none;border-bottom:1px solid var(--line2);color:var(--ink);background:0 0;outline:none;padding:4px 2px 7px;font-family:inherit;font-size:.8125rem}#taskInput::placeholder{color:var(--ink2);opacity:.7}.task-add-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.task-add-row>:last-child{margin-left:auto}.est-pick{letter-spacing:.18em;color:var(--ink2);align-items:center;gap:8px;font-size:.5313rem;display:flex}.est-pick b{color:var(--ink);text-align:center;min-width:16px;font-size:.8125rem}.tasks{flex-direction:column;gap:10px;padding:2px 0;list-style:none;display:flex}.task{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:13px;align-items:flex-start;gap:10px;padding:13px 10px 13px 14px;transition:border-color .18s,background .18s,opacity .25s,box-shadow .2s;display:flex;position:relative}.task:hover{border-color:var(--ink2)}.task.active{border-color:color-mix(in srgb, var(--phase) 40%, var(--line));background:color-mix(in srgb, var(--phase) 5%, var(--paper))}.task.active:before{content:"";background:var(--phase);border-radius:3px;width:3px;position:absolute;top:13px;bottom:13px;left:0}.task.done{opacity:.55}.t-check{border:1.5px solid var(--line);cursor:pointer;width:20px;height:20px;color:var(--paper);background:0 0;border-radius:6px;flex:none;place-items:center;margin-top:1px;padding:0;transition:all .2s;display:grid}.task:hover .t-check{border-color:var(--ink2)}.task.done .t-check{background:var(--ink);border-color:var(--ink)}.t-check .ic{width:12px;height:12px}.t-body{flex:1;min-width:0}.t-top{align-items:center;gap:10px;display:flex}.t-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.75rem;overflow:hidden}.task.done .t-text{color:var(--ink2);text-decoration:line-through}.t-status{letter-spacing:.2em;border-radius:6px;flex:none;padding:3px calc(7px - .2em) 3px 7px;font-size:.4688rem;font-weight:600}.t-status.now{background:var(--phase-ink);color:var(--paper)}.t-status.done{color:var(--ink2);border:1px solid var(--line)}.t-status.q{color:var(--ink2)}.t-track{background:var(--line2);border-radius:3px;height:3px;margin:9px 0 8px;overflow:hidden}.t-track i{background:var(--phase);height:100%;transition:width .5s var(--ease), background .3s;display:block}.task.done .t-track i{background:var(--ink2)}.t-meta{align-items:center;gap:6px;display:flex}.t-meta .p{border:1px solid var(--tomato);border-radius:50%;width:5px;height:5px;transition:background .3s}.t-meta .p.f{background:var(--tomato)}.t-meta b{color:var(--ink2);letter-spacing:.08em;font-size:.5625rem;font-weight:500}.t-eta{letter-spacing:.14em;color:var(--ink2);white-space:nowrap;margin-left:auto;font-size:.5313rem}.t-del{width:26px;height:26px;color:var(--ink2);opacity:.35;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;place-items:center;padding:0;transition:all .18s;display:grid}.task:hover .t-del{opacity:1}.t-del:hover{color:var(--tomato)}.t-del .ic{width:13px;height:13px}.t-grip{width:22px;height:26px;color:var(--ink2);opacity:.3;cursor:grab;touch-action:none;background:0 0;border:none;border-radius:7px;flex:none;align-self:center;place-items:center;padding:0;transition:opacity .18s,color .18s,background .18s;display:grid}.t-grip .ic{width:13px;height:13px}.task:hover .t-grip,.t-grip:focus-visible{opacity:1}.t-grip:hover{color:var(--ink);background:var(--line2)}.t-grip:active{cursor:grabbing}.task.lift{z-index:6;border-color:var(--ink);cursor:grabbing;will-change:transform;box-shadow:0 22px 44px -16px color-mix(in srgb, var(--ink) 45%, transparent)}body.taskdrag{-webkit-user-select:none;user-select:none;cursor:grabbing}.empty{color:var(--ink2);letter-spacing:.08em;text-align:center;padding:24px 10px;font-size:.625rem;line-height:1.9}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-grid>div{border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:16px 8px 12px;display:flex}.stat-grid b{font-family:var(--font-numbers);font-size:2.0625rem;font-weight:600;line-height:1}.stat-grid span{letter-spacing:.22em;color:var(--ink2);font-size:.5rem;line-height:1.6}.alltime{color:var(--ink2);letter-spacing:.14em;text-align:center;font-size:.5938rem}.log{list-style:none}.log li{border-bottom:1px solid var(--line2);justify-content:space-between;padding:9px 4px;font-size:.6875rem;display:flex}.log .l-time{color:var(--ink2)}.log .l-min{letter-spacing:.14em;font-size:.5938rem;font-weight:500}#toasts{z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:92vw;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--paper);letter-spacing:.08em;box-shadow:0 18px 40px -14px color-mix(in srgb, var(--ink) 55%, transparent);animation:toastIn .45s var(--spring);border-radius:999px;align-items:center;gap:10px;padding:11px 18px;font-size:.6875rem;display:flex}.toast .dot{background:var(--tc,var(--phase));border-radius:50%;flex:none;width:7px;height:7px}.toast.out{animation:.3s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.94)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}#wash{pointer-events:none;opacity:0;z-index:40;position:fixed;inset:0}#zenHint{letter-spacing:.3em;color:var(--ink2);opacity:0;pointer-events:none;z-index:30;font-size:.5625rem;transition:opacity .6s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}#zenClose{border:1.5px solid var(--line);width:40px;height:40px;color:var(--ink2);cursor:pointer;opacity:0;pointer-events:none;z-index:30;background:0 0;border-radius:50%;place-items:center;transition:all .4s;display:grid;position:fixed;bottom:20px;right:22px}#zenClose .ic{width:15px;height:15px}body.zen #zenHint{opacity:.7}body.zen #zenClose{opacity:1;pointer-events:auto}body.zen #zenClose:hover{border-color:var(--ink);color:var(--ink)}body.zen #topbar,body.zen .presets,body.zen #ruler,body.zen #statCol,body.zen #basebar,body.zen .hint,body.zen .rounds{opacity:0;pointer-events:none;transition:opacity .5s var(--ease)}body.zen{--dial:min(88vw, 72vh, 660px, max(220px, calc(100dvh - 170px)));background:color-mix(in srgb, var(--paper) 93%, var(--ink))}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(16px)}}@keyframes down{0%{opacity:0;transform:translateY(-10px)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}}[hidden],.is-hidden{display:none!important}.sprite{display:none}symbol .f{fill:currentColor;stroke:none}#app{min-height:100vh;flex-direction:column;flex:1;min-height:100dvh;display:flex}button#statCol{color:inherit;font:inherit;text-align:right;background:0 0;border:0;border-radius:12px;padding:6px}.pills{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(92%,560px);display:flex}.pills .nowtask{max-width:100%}.intbtn{border:1px dashed var(--line);height:36px;color:var(--ink2);letter-spacing:.2em;cursor:pointer;transition:border-color .2s, color .2s, transform .2s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.5625rem;display:flex}.intbtn .ic{width:13px;height:13px}.intbtn b{color:var(--ink);letter-spacing:0;font-size:.6875rem}.intbtn:hover{border-color:var(--ink);color:var(--ink)}.intbtn:active{transform:scale(.96)}body.zen .pills{opacity:.5}.toast{pointer-events:auto}.toast-act,.toast-x{color:var(--paper);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px}.toast-act{letter-spacing:.18em;border:1px solid color-mix(in srgb, var(--paper) 35%, transparent);margin:-4px -8px -4px 2px;padding:4px 10px;font-size:.625rem;font-weight:600}.toast-act:hover{background:var(--paper);color:var(--ink)}.toast-x{opacity:.7;margin-right:-8px;padding:0 4px;font-size:1rem;line-height:1}.toast-x:hover{opacity:1}.t-acts{align-self:center;align-items:center;gap:2px;display:flex}.t-edit{width:26px;height:26px;color:var(--ink2);opacity:.35;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;transition:all .18s;display:grid}.t-edit .ic{width:13px;height:13px}.task:hover .t-edit{opacity:1}.t-edit:hover{color:var(--ink);background:var(--line2)}.t-dots{align-items:center;gap:4px;display:flex}.t-notes{color:var(--ink2);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:5px;font-size:.6563rem;line-height:1.6;display:-webkit-box;overflow:hidden}.task.editing{cursor:default;border-color:var(--ink)}.t-editor{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.te-text,.te-notes{width:100%;font:inherit;color:var(--ink);background:var(--paper2);border:1px solid var(--line);resize:vertical;border-radius:9px;outline:none;padding:9px 11px;font-size:.75rem}.te-text:focus,.te-notes:focus{border-color:var(--ink)}.te-btns{gap:6px;margin-left:auto;display:flex}.goal{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:13px 14px 14px;display:flex}.goal-top{letter-spacing:.26em;color:var(--ink2);justify-content:space-between;align-items:baseline;font-size:.5625rem;display:flex}.goal-top b{letter-spacing:.06em;color:var(--ink);font-size:.75rem;font-weight:500}.goal-bar{background:color-mix(in srgb, var(--tomato) 16%, var(--paper2));border-radius:6px;height:6px;overflow:hidden}.goal-bar i{background:var(--tomato);width:0;height:100%;transition:width .6s var(--ease);border-radius:6px;display:block}.goal-bar.met i{background:var(--sage)}.chart{flex-direction:column;gap:8px;margin:0;display:flex;position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart svg.heat{width:auto;max-width:100%;margin:0 auto}.chart figcaption{letter-spacing:.14em;color:var(--ink2);text-align:center;font-size:.5625rem}.chart-toggle{position:absolute;top:-31px;right:0}.chart .axis{stroke:var(--line);stroke-width:1px}.chart .bar{fill:color-mix(in srgb, var(--tomato) 62%, var(--paper2))}.chart .bar.today{fill:var(--tomato)}.chart text{font-family:var(--font-ui);fill:var(--ink2);letter-spacing:.14em;font-size:8.5px}.chart text.val{fill:var(--ink);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.chart text.today{fill:var(--ink);font-weight:600}.chart .hit{fill:#0000}.chart .hit:hover{fill:var(--line2)}.hm{--hm0:color-mix(in srgb, var(--ink) 7%, var(--paper2));--hm1:color-mix(in srgb, var(--tomato) 30%, var(--paper2));--hm2:color-mix(in srgb, var(--tomato) 62%, var(--paper2));--hm3:var(--tomato);--hm4:color-mix(in srgb, var(--tomato) 62%, var(--ink))}rect.hm.l0{fill:var(--hm0)}rect.hm.l1{fill:var(--hm1)}rect.hm.l2{fill:var(--hm2)}rect.hm.l3{fill:var(--hm3)}rect.hm.l4{fill:var(--hm4)}rect.hm.today{stroke:var(--ink);stroke-width:1.5px}rect.hm:hover{stroke:var(--ink2);stroke-width:1.5px}.hm-legend{letter-spacing:.2em;color:var(--ink2);justify-content:flex-end;align-items:center;gap:4px;font-size:.5rem;display:flex}.hm-legend span{margin:0 4px}.hm-legend i{border-radius:3px;width:11px;height:11px}.hm-legend i.l0{background:var(--hm0)}.hm-legend i.l1{background:var(--hm1)}.hm-legend i.l2{background:var(--hm2)}.hm-legend i.l3{background:var(--hm3)}.hm-legend i.l4{background:var(--hm4)}.chart-tip{background:var(--ink);color:var(--paper);letter-spacing:.04em;white-space:nowrap;pointer-events:none;z-index:3;border-radius:8px;padding:6px 10px;font-size:.625rem;position:absolute;transform:translate(-50%,-100%)}.chart-table{border-collapse:collapse;width:100%;font-size:.6563rem}.chart-table caption{text-align:left;letter-spacing:.14em;color:var(--ink2);padding-bottom:6px;font-size:.5625rem}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--line2);font-variant-numeric:tabular-nums;padding:6px 4px}.chart-table th{letter-spacing:.2em;color:var(--ink2);font-size:.5313rem;font-weight:500}.chart-table td+td,.chart-table th+th{text-align:right}.log li{gap:12px}.log .l-task{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.6563rem;overflow:hidden}.noscript{text-align:center;padding:24px;font-size:.75rem}.danger-row+.note{margin-top:-2px}.privacy-card{z-index:110;border:1px solid var(--line);background:var(--paper);width:min(340px,100vw - 32px);box-shadow:0 24px 50px -22px color-mix(in srgb, var(--ink) 50%, transparent);animation:toastIn .45s var(--spring);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:fixed;bottom:92px;left:24px}.privacy-card[hidden]{display:none}.pc-title{letter-spacing:.06em;font-size:.75rem;font-weight:600}.pc-text{color:var(--ink2);font-size:.65625rem;line-height:1.6}.pc-btns{justify-content:flex-end;gap:8px;display:flex}@media (max-width:760px){.privacy-card{width:auto;bottom:78px;left:16px;right:16px}}@media (max-width:1120px){#ruler,#statCol{display:none}}@media (max-width:900px){.brand .sub{display:none}}@media (max-width:960px){.keys{display:none}}@media (max-width:760px){#topbar{padding:14px 18px 12px}:root{--dial:min(88vw, 46vh, 400px, max(200px, calc(100dvh - 290px - 110px * var(--text-scale,1))))}.presets{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(94px * var(--text-scale,1));scroll-snap-type:x proximity;scrollbar-width:none;width:100%;margin-left:0;padding:4px 20px 6px;overflow-x:auto}.presets::-webkit-scrollbar{display:none}.preset{scroll-snap-align:start}.ctl.primary{height:52px;padding:0 26px;font-size:.75rem}.ghost{width:48px;height:48px}.controls{gap:12px}#basebar{padding:12px 16px 14px}.dc-phase{letter-spacing:.3em;font-size:10px}.dc-phase:before,.dc-phase:after{width:14px}#toasts{bottom:78px}}@media (max-width:640px){.np-label{display:none}.navpill{padding:0 12px}.brand h1{font-size:1.4375rem}.hgroup{gap:4px}.vsep{margin:0 4px}}@media (hover:none){.t-del{opacity:1}.t-grip{opacity:.8}}@media (max-width:420px){#topbar{padding-left:14px;padding-right:12px}.brand h1{font-size:1.3125rem}.hgroup{gap:2px}.navpill{gap:6px;padding:0 9px}.vsep{display:none}.ibtn{width:34px;height:34px}}@media (orientation:landscape) and (max-height:620px){:root{--dial:min(44vw, 400px, max(150px, calc(100dvh - 120px - 70px * var(--text-scale,1))))}#topbar{padding-top:8px;padding-bottom:8px}#stage{padding:4px 16px 6px}.presets{margin-top:4px}.preset{gap:3px;padding:6px 4px 7px}.dial-zone{grid-template-rows:1fr repeat(4,auto) 1fr;grid-template-columns:auto minmax(0,auto);place-items:center;gap:12px clamp(20px,5vw,56px);margin-top:8px;display:grid}.dial-wrap{grid-row:1/-1}.pills,.rounds,.controls,.hint{grid-column:2}.pills{grid-row:2}.rounds{grid-row:3}.controls{grid-row:4}.hint{grid-row:5}#basebar{padding-top:8px;padding-bottom:10px}}.hint:empty{display:none}.look-card input,.seg input,.q-layouts input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.look-card{border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:12px;flex-direction:column;gap:3px;padding:9px 10px 11px;transition:border-color .18s,background .18s;display:flex;position:relative}.look-card:hover{border-color:var(--ink2)}.look-card:has(input:checked){border-color:var(--ink);background:color-mix(in srgb, var(--phase) 6%, transparent)}.look-card:has(input:checked):after{content:"";background:var(--phase);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px}.look-card:has(input:focus-visible){outline:2px solid var(--phase);outline-offset:2px}.seg label:has(input:focus-visible){outline:2px solid var(--phase);outline-offset:2px}.q-layouts label:has(input:focus-visible){outline:2px solid var(--phase);outline-offset:2px}.look-card b{letter-spacing:.06em;font-size:.6875rem;font-weight:600}.look-card>span:not(.aa){letter-spacing:.04em;color:var(--ink2);font-size:.5938rem;line-height:1.45}.lk-thumb{aspect-ratio:120/72;background:var(--paper2);width:100%;height:auto;color:var(--ink);border-radius:8px;margin-bottom:5px;display:block}.th-s{fill:none;stroke:currentColor;stroke-width:1.6px;opacity:.5}.th-a{fill:none;stroke:var(--phase);stroke-width:2.4px;stroke-linecap:round}.th-a.th-fill{fill:var(--phase);stroke:none}.th-f{fill:currentColor;opacity:.22}.type-card .aa{margin-bottom:2px;font-size:1.5rem;line-height:1.15}.type-card[data-tf=instrument] .aa{font-family:Fraunces Variable,Georgia,serif;font-style:italic}.type-card[data-tf=hyperlegible] .aa{font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-weight:700}.type-card[data-tf=grotesk] .aa{font-family:Space Grotesk Variable,system-ui,sans-serif;font-weight:600}.type-card[data-tf=lexend] .aa{font-family:Lexend Variable,system-ui,sans-serif;font-weight:500}.type-card[data-tf=editorial] .aa{font-family:Fraunces Variable,Georgia,serif}.type-card[data-tf=system] .aa{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:600}.seg{border:1px solid var(--line);border-radius:11px;gap:4px;padding:4px;display:flex}.seg label{letter-spacing:.16em;min-height:34px;color:var(--ink2);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:.625rem;transition:background .2s,color .2s;display:flex;position:relative}.seg label:hover{color:var(--ink)}.seg label:has(input:checked){background:var(--ink);color:var(--paper)}.seg .ic{width:14px;height:14px}.size-row{align-items:center;gap:12px;display:flex}.size-row input[type=range]{min-width:0;accent-color:var(--phase);flex:1}.a-sm{font-size:11px;font-weight:600}.a-lg{font-size:18px;font-weight:600}#sizeVal{text-align:right;min-width:3.4em;font-size:.8125rem}.size-foot{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.linkbtn:disabled{opacity:.4;cursor:default}.lookwrap{position:relative}.lookpop{z-index:70;border:1px solid var(--line);background:var(--paper);width:min(300px,100vw - 24px);box-shadow:0 24px 50px -22px color-mix(in srgb, var(--ink) 50%, transparent);animation:fade .2s var(--ease);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.lookpop[hidden]{display:none}.lookpop .fo-t{margin-top:2px}.q-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.q-layouts label{border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:4px;transition:border-color .18s;position:relative}.q-layouts label:hover{border-color:var(--ink2)}.q-layouts label:has(input:checked){border-color:var(--ink)}.q-layouts .lk-thumb{margin:0}.q-size{justify-content:space-between;align-items:center;gap:10px;display:flex}#qSizeVal{font-size:.8125rem}.lookpop .linkbtn{align-self:flex-end}#topbar{z-index:60;position:relative}.lookwrap:has(.lookpop:not([hidden])) [data-tip]:after{display:none}.lookwrap>.ibtn[data-tip]:after{left:auto;right:0;transform:translateY(-4px)}.lookwrap>.ibtn[data-tip]:hover:after{transform:translateY(0)}.flip,.hz-line,.goal-track,.goal-arc{display:none}.hz-line{background:var(--line2);border-radius:3px;width:min(560px,80vw);height:3px;overflow:hidden}.hz-line i{background:var(--phase);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.side-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--paper2) 55%, var(--paper));border-radius:18px;flex-direction:column;gap:12px;width:min(560px,100%);margin-top:22px;padding:16px 16px 20px;display:flex}.side-panel:focus{outline:none}.side-panel:focus-visible{outline:2px solid var(--phase);outline-offset:3px}.side-panel[hidden],html[data-layout=desk] #statCol,html[data-layout=logbook] #statCol{display:none}@media (min-width:900px){html[data-layout=desk] #stage,html[data-layout=logbook] #stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(300px,400px);place-items:center;column-gap:clamp(24px,4vw,64px);padding:12px clamp(20px,4vw,56px) 16px;display:grid}html[data-layout=desk] .presets,html[data-layout=logbook] .presets{grid-area:1/1}html[data-layout=desk] .dial-zone,html[data-layout=logbook] .dial-zone{grid-area:2/1;width:100%}html[data-layout=desk] .side-panel,html[data-layout=logbook] .side-panel{overscroll-behavior:contain;grid-area:1/2/-1;align-self:center;width:100%;max-height:calc(100dvh - 170px);margin:0;overflow-y:auto}html[data-layout=desk],html[data-layout=logbook]{--dial:min(calc((100vw - 520px) * .8), 56vh, 480px, max(200px, calc(100dvh - 300px - 120px * var(--text-scale,1))))}html[data-layout=desk] #ruler,html[data-layout=logbook] #ruler{display:none}}html[data-layout] body.zen #stage{display:flex}body.zen .side-panel{display:none}html[data-layout=logbook] .goal-track,html[data-layout=logbook] .goal-arc{display:inline}html[data-layout=logbook] .dnum{display:none}.goal-track{fill:none;stroke:var(--line2);stroke-width:4px}.goal-arc{fill:none;stroke:var(--sage);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}.goal-arc.met{stroke:var(--pine)}html[data-layout=horizon] #dial,html[data-layout=flip] #dial,html[data-layout=strip] #dial{display:none}html[data-layout=horizon] .dial-wrap,html[data-layout=flip] .dial-wrap,html[data-layout=strip] .dial-wrap{cursor:default;border-radius:12px;flex-direction:column;align-items:center;width:auto;height:auto;display:flex}html[data-layout=horizon] .dial-wrap,html[data-layout=flip] .dial-wrap{margin-top:clamp(14px,4vh,40px)}html[data-layout=horizon] .dial-center,html[data-layout=flip] .dial-center,html[data-layout=strip] .dial-center{position:static}html[data-layout=horizon] .hz-line,html[data-layout=flip] .hz-line,html[data-layout=strip] .hz-line{display:block}html[data-layout=horizon] .dc-time{letter-spacing:-.03em;font-size:min(24vw,30vh,220px);font-weight:500}html[data-layout=horizon] .dial-zone{gap:22px}html[data-layout=horizon] body.calm.running :is(#topbar,.presets,.pills,.rounds,.controls,.hint,#basebar,#ruler){opacity:.12}html[data-layout=horizon] :is(#topbar,.presets,.pills,.rounds,.controls,.hint,#basebar,#ruler){transition:opacity .9s var(--ease)}html[data-layout=flip] .dc-time{display:none}html[data-layout=flip] .flip{order:-1;margin-bottom:18px;display:flex}.flip{font-family:var(--font-digits);font-variant-numeric:tabular-nums;align-items:center;gap:.07em;font-size:min(22vw,19vh,150px);font-weight:600;line-height:1}.fl-card{background:var(--paper2);width:.74em;height:1.12em;box-shadow:inset 0 0 0 1px var(--line), 0 .06em .12em -.06em color-mix(in srgb, var(--ink) 40%, transparent);perspective:3em;border-radius:.1em;position:relative}.fl-card:after{content:"";background:var(--paper);z-index:3;height:2px;position:absolute;top:calc(50% - 1px);left:0;right:0}.fl-half,.fl-flap{background:var(--paper2);height:50%;color:var(--ink);backface-visibility:hidden;position:absolute;left:0;right:0;overflow:hidden}.fl-top,.fl-flap-top{transform-origin:bottom;border-radius:.1em .1em 0 0;top:0}.fl-bot,.fl-flap-bot{transform-origin:top;border-radius:0 0 .1em .1em;bottom:0}.fl-half:after,.fl-flap:after{content:attr(data-v);justify-content:center;align-items:center;height:200%;display:flex;position:absolute;left:0;right:0}.fl-top:after,.fl-flap-top:after{top:0}.fl-bot:after,.fl-flap-bot:after{bottom:0}.fl-flap{visibility:hidden;z-index:2}.fl-card.flipping .fl-flap{visibility:visible}.fl-card.flipping .fl-flap-top{animation:.22s ease-in forwards flapDown}.fl-card.flipping .fl-flap-bot{animation:.22s ease-out .22s both flapUp}@keyframes flapDown{to{transform:rotateX(-90deg)}}@keyframes flapUp{0%{transform:rotateX(90deg)}to{transform:none}}.fl-colon{flex-direction:column;justify-content:center;align-items:center;gap:.22em;width:.22em;display:flex}.fl-colon:before,.fl-colon:after{content:"";background:var(--ink2);border-radius:50%;width:.09em;height:.09em}html[data-layout=flip] .hz-line{width:min(4.2*min(22vw,19vh,150px),86vw);margin-top:-4px}html[data-layout=strip] :is(.presets,.rounds,.hint,#ruler,#statCol){display:none}html[data-layout=strip] .dial-zone{border:1px solid var(--line);background:color-mix(in srgb, var(--paper2) 55%, var(--paper));border-radius:26px;flex-flow:wrap;justify-content:center;align-items:center;gap:14px 22px;width:min(980px,100%);padding:16px 22px}html[data-layout=strip] .dial-center{flex-direction:column-reverse;align-items:flex-start;gap:4px}html[data-layout=strip] .dc-time{font-size:clamp(2.2rem,7vw,3.6rem)}html[data-layout=strip] .dc-meta{display:none}html[data-layout=strip] .hz-line{flex:160px;width:auto;min-width:120px}html[data-layout=strip] .pills{flex-basis:100%;order:5}html[data-layout=strip] .pills:not(:has(button:not([hidden]))){display:none}body.pip{justify-content:center;min-height:100vh}.mini-timer{grid-template-columns:1fr auto;grid-template-areas:"phase toggle""time toggle""line line";align-items:center;gap:4px 16px;padding:14px 18px 16px;display:grid}.mt-phase{letter-spacing:.26em;color:var(--phase-ink);grid-area:phase;font-size:.625rem}.mt-time{font-family:var(--font-digits);font-variant-numeric:tabular-nums;grid-area:time;font-size:2.6rem;font-weight:600;line-height:1}.mt-toggle{grid-area:toggle}.mini-timer .hz-line{grid-area:line;width:100%;margin-top:8px;display:block}#popOutBtn[data-tip]:after{left:auto;right:0;transform:translateY(-4px)}#popOutBtn[data-tip]:hover:after{transform:translateY(0)}html[data-layout=horizon] .dc-time{font-size:min(24vw, calc(30vh - 48px * (var(--text-scale,1) - 1)), 220px)}@media (orientation:landscape) and (max-height:620px){html:is([data-layout=horizon],[data-layout=flip]) .dial-wrap{grid-row:2/5;margin-top:0}html:is([data-layout=horizon],[data-layout=flip]) .hz-line{grid-area:5/1;width:100%}html[data-layout=horizon] .dc-time{font-size:min(15vw,24vh,180px)}html[data-layout=horizon] .dial-zone{gap:12px clamp(20px,5vw,56px)}html:is([data-textsize=lg],[data-textsize=xl]) .hint{display:none}html[data-layout=flip] .flip{margin-bottom:10px;font-size:min(10vw,22vh,120px)}html[data-layout=strip] .dial-zone{display:flex}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:4000;background:var(--ink);color:var(--paper);letter-spacing:.12em;transition:transform .2s var(--ease);border-radius:10px;padding:10px 14px;font-size:.6875rem;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.t-del:focus-visible,.t-edit:focus-visible,.task:focus-within .t-del,.task:focus-within .t-edit,.task:focus-within .t-grip{opacity:1}.dial-wrap:focus-visible{outline:none}.dial-wrap:focus-visible #dial .track{stroke:var(--phase);stroke-width:2px}.dial-wrap[aria-disabled=true]{cursor:default}@media (hover:none){.t-edit{opacity:.8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.ctl.primary,.mini.primary,.tabs button.on,.preset.on{forced-color-adjust:none;color:highlighttext;background:highlight}.goal-bar i,.t-track i{background:highlight}rect.hm{stroke:canvastext;stroke-width:.5px}}