@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/192eb266b35252ee-s.3deb4k1l7b0hc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/d0894cd0614db15e-s.p.30mp6k74iam-2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono Fallback;src:local(Arial);ascent-override:71.59%;descent-override:17.57%;line-gap-override:0.0%;size-adjust:134.59%}.H0LOIG_className{font-family:Spline Sans Mono,Spline Sans Mono Fallback;font-style:normal}.H0LOIG_variable{--font-spline-mono:"Spline Sans Mono", "Spline Sans Mono Fallback"}
:root{--bg:#08080a;--ink:#f4f4f5;--muted:#f4f4f58f;--faint:#f4f4f566;--line:#ffffff14;--line-strong:#ffffff26;--accent:#8ff0c0;--font-sans:var(--font-spline-mono), ui-monospace, "SFMono-Regular", monospace;--font-mono:var(--font-spline-mono), ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#8ff0c040}.stage{isolation:isolate;place-items:center;min-height:100svh;padding:clamp(24px,6vw,64px);display:grid;position:relative}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glow{will-change:transform;border-radius:50%;position:absolute}.glow-a{background:radial-gradient(circle,#6366f12b,#6366f10d 45%,#0000 68%);width:62vw;max-width:980px;height:62vw;max-height:980px;top:-22vw;left:-12vw}.glow-b{background:radial-gradient(circle,#8ff0c01a,#8ff0c008 48%,#0000 70%);width:56vw;max-width:880px;height:56vw;max-height:880px;bottom:-24vw;right:-14vw}.grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 64% at 50% 46%,#000 15%,#0000 74%);mask-image:radial-gradient(72% 64% at 50% 46%,#000 15%,#0000 74%)}.vignette{background:radial-gradient(90% 80% at 50% 42%,#0000 40%,#00000080 100%);position:absolute;inset:0}.watch{flex-direction:column;align-items:center;width:100%;max-width:1100px;display:flex}.status{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#f4f4f566;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:clamp(16px,2.8vh,24px);font-size:10px;font-weight:500;display:inline-flex}.status.is-running{color:#f4f4f5b3}.dot{background:#f4f4f54d;border-radius:50%;flex-shrink:0;width:5px;height:5px}.status.is-running .dot{background:var(--accent);animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 4px #8ff0c012}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.readout-wrap{justify-content:center;width:100%;display:flex;position:relative}.readout-glow{filter:blur(24px);opacity:0;pointer-events:none;background:radial-gradient(46% 58% at 50% 56%,#8ff0c01c,#0000 72%);transition:opacity 1.1s;position:absolute;inset:-34% -6%}.stage.is-running .readout-glow{opacity:1}.stage.is-minimal .controls{pointer-events:none}.readout{font-family:var(--font-mono);letter-spacing:-.048em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--ink);justify-content:center;align-items:baseline;font-size:clamp(2.6rem,min(12.8vw,16.5vh),11rem);font-weight:500;line-height:.9;display:flex;position:relative}.readout .hours{align-items:baseline;display:inline-flex}.readout .sep{flex-shrink:0;width:.15em;height:.44em;margin:0 .07em;display:inline-block;position:relative}.readout .sep:before,.readout .sep:after{content:"";background:#f4f4f552;border-radius:999px;width:.062em;height:.062em;margin-left:-.031em;position:absolute;left:50%}.readout .sep:before{top:0}.readout .sep:after{bottom:.03em}.readout .sep-dot{width:.12em;height:.1em;margin:0 .075em 0 .03em}.readout .sep-dot:before{display:none}.readout .sep-dot:after{background:#f4f4f55c;width:.085em;height:.085em;margin-left:-.0425em;bottom:.005em}.readout .cents{letter-spacing:-.01em;color:var(--muted);margin-left:.045em;font-size:.42em;font-weight:500}.controls{justify-content:center;align-items:center;gap:16px;margin-top:clamp(28px,5.4vh,50px);display:flex}.btn{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:color .2s,background .2s,border-color .2s,box-shadow .25s,transform .2s;display:grid;position:relative}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.btn.ghost{width:52px;height:52px;color:var(--muted);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#ffffff09}.btn.ghost:hover{color:var(--ink);border-color:var(--line-strong);background:#ffffff13}.btn.ghost:active{transform:scale(.94)}.btn.ghost.is-copied{color:var(--accent);background:#8ff0c014;border-color:#8ff0c04d}.btn.primary{color:#0a0a0b;background:var(--ink);width:76px;height:76px;box-shadow:0 18px 44px -18px #f4f4f573,inset 0 1px #ffffffa6}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 26px 62px -20px #f4f4f580,inset 0 1px #ffffffbf}.btn.primary:active{transform:scale(.955)}.icon{width:20px;height:20px}.icon-lg{width:25px;height:25px}.btn.primary .icon-lg{transform:translate(1px)}[data-tip]:after{content:attr(data-tip);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);color:#f4f4f5d9;font-family:var(--font-sans);letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;background:#131317f0;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:400;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 26px -10px #000000e6}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}.hint{left:50%;bottom:max(20px, env(safe-area-inset-bottom));white-space:nowrap;color:var(--faint);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:11.5px;display:flex;position:fixed;transform:translate(-50%)}.hint kbd{font-family:var(--font-mono);border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-bottom-color:#ffffff29;border-radius:5px;padding:4px 6px 3px;font-size:10px;line-height:1}.hint-item{align-items:center;gap:6px;display:inline-flex}.hint-touch{display:none}@media (hover:none) and (pointer:coarse){.hint-item,.hint-sep{display:none}.hint-touch{display:inline}[data-tip]:after{display:none}}.hint-sep{color:#ffffff24;margin:0 2px}.sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;background:#04040680;position:fixed;inset:0}.sheet{bottom:max(20px, env(safe-area-inset-bottom));overscroll-behavior:contain;z-index:50;-webkit-backdrop-filter:blur(26px)saturate(140%);opacity:0;visibility:hidden;will-change:transform, opacity;background:linear-gradient(#19191df0,#0f0f12f5);border:1px solid #ffffff1a;border-radius:20px;width:min(560px,100vw - 32px);max-height:calc(100svh - 32px);margin-inline:auto;padding:20px;position:fixed;inset-inline:0;overflow-y:auto;box-shadow:0 40px 110px -24px #000000eb,inset 0 1px #ffffff0f}.sheet-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sheet-head h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:500}.sheet-head p{color:var(--muted);max-width:380px;margin:4px 0 0;font-size:12px;line-height:1.45}.sheet-close{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;transition:color .18s,background .18s;display:grid}.sheet-close:hover{color:var(--ink);background:#ffffff0d}.sheet-close svg{width:14px;height:14px}.time-input{width:100%;color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;margin-top:16px;padding:13px 16px;font-size:26px;transition:border-color .2s,background .2s,box-shadow .2s}.time-input::placeholder{color:#f4f4f538}.time-input:focus{background:#ffffff0e;border-color:#8ff0c073;box-shadow:0 0 0 4px #8ff0c012}.time-input[aria-invalid=true]{border-color:#ff8080b3;box-shadow:0 0 0 4px #ff808014}.nudges{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px;display:grid}.nudge{border:1px solid var(--line);height:36px;color:var(--muted);font-family:var(--font-mono);cursor:pointer;background:#ffffff09;border-radius:9px;font-size:11.5px;transition:color .16s,background .16s,border-color .16s,transform .16s}.nudge:hover{color:var(--ink);border-color:var(--line-strong);background:#ffffff13}.nudge:active{transform:scale(.96)}.sheet-format{color:#f4f4f552;margin:12px 0 0;font-size:11px}.sheet-format code{font-family:var(--font-mono);color:#f4f4f580;background:#ffffff0d;border-radius:4px;padding:2px 4px;font-size:10.5px}.sheet-date{border-top:1px solid #ffffff0f;margin-top:14px;padding-top:14px}.sheet-date-label{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.sheet-date-label label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.sheet-date-label span{color:#f4f4f547;font-size:10.5px}.date-input{border:1px solid var(--line);width:100%;height:38px;color:var(--ink);font-family:var(--font-sans);background:#ffffff08;border-radius:9px;outline:none;padding:0 12px;font-size:13px;transition:border-color .2s,background .2s,box-shadow .2s}.date-input::placeholder{color:#f4f4f540}.date-input:focus{background:#ffffff0d;border-color:#8ff0c066;box-shadow:0 0 0 3px #8ff0c00f}.sheet-actions{gap:9px;margin-top:16px;display:flex}.action{cursor:pointer;border:1px solid #0000;border-radius:10px;flex:1;height:41px;font-size:13px;font-weight:500;transition:color .18s,background .18s,border-color .18s}.action.ghost{border-color:var(--line);color:var(--muted);background:0 0}.action.ghost:hover{color:var(--ink);background:#ffffff0a}.action.primary{background:var(--ink);color:#0a0a0b}.action.primary:hover{background:#fff}.toast{width:max-content;max-width:calc(100vw - 32px);left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));z-index:60;color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;will-change:transform, opacity;background:#131317f5;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;margin-inline:auto;padding:9px 14px;font-size:12.5px;display:flex;position:fixed;box-shadow:0 20px 55px -14px #000000e6}.toast-icon{width:14px;height:14px;color:var(--accent);flex-shrink:0}@media (max-width:560px){.readout{font-size:clamp(2.5rem,15.6vw,5.6rem)}.nudges{grid-template-columns:repeat(3,1fr);gap:8px}.btn.ghost{width:48px;height:48px}.btn.primary{width:68px;height:68px}.controls{gap:13px}.hint{bottom:max(14px, env(safe-area-inset-bottom));gap:5px;font-size:10px}.hint kbd{padding:3px 5px 2px}.sheet{bottom:max(12px, env(safe-area-inset-bottom));border-radius:18px;padding:16px}.time-input{padding:12px 14px;font-size:22px}.sheet-format{display:none}}@media (max-height:560px){.status{margin-bottom:10px}.controls{margin-top:20px}.hint{display:none}.readout{font-size:clamp(2.6rem,min(12vw,22vh),6rem)}}@media (max-width:380px){.hint-reset,.hint-sep{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}