:root{--ink:#111;--ink-soft:#555;--rule:#ddd;--ground:#fff;--coral:#d85a30;--band-unattended:#c8432f;--band-uneven:#dda31a;--band-steady:#15997a;--band-strong:#2f66c4;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--target:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--serif);margin:0;font-size:1.0625rem;line-height:1.5}#root{max-width:480px;min-height:100dvh;margin:0 auto}.screen{padding:max(2rem, env(safe-area-inset-top)) 1.25rem max(2rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;min-height:100dvh;display:flex}.title{font-family:var(--serif);margin:2rem 0 0;font-size:1.75rem;font-weight:400;line-height:1.2}.prose{margin:0}.label{font-family:var(--sans);color:var(--ink-soft);font-size:.875rem}.stack{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.field{min-height:var(--target);font:inherit;font-family:var(--sans);color:var(--ink);border:1px solid var(--rule);background:#fff;border-radius:6px;padding:.625rem .75rem}.field:focus-visible,.button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button{min-height:var(--target);font-family:var(--sans);color:var(--ground);background:var(--ink);border:0;border-radius:6px;margin-top:.5rem;padding:.625rem 1rem;font-size:1rem}.button:disabled{opacity:.5}.button-quiet{min-height:var(--target);font-family:var(--sans);color:var(--ink-soft);text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:.625rem 0;font-size:.9375rem;text-decoration:underline}.button-quiet:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-quiet:disabled{opacity:.5}.title:focus{outline:none}.opening{z-index:100;cursor:pointer;transition:opacity var(--exit-ms) ease, visibility 0s linear var(--exit-ms);background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.opening:focus{outline:none}.opening-stage{transition:transform var(--exit-ms) cubic-bezier(.4, 0, .2, 1), opacity var(--exit-ms) ease;flex-direction:column;align-items:center;gap:clamp(1.5rem,6vh,2.5rem);display:flex}.opening-time{font-family:var(--sans);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;align-items:flex-start;font-size:clamp(4.5rem,24vw,7rem);font-weight:500;line-height:1;display:flex}.odo-digit{text-align:center;width:.6em;height:1em;display:inline-block;overflow:hidden}.odo-strip{will-change:transform;flex-direction:column;display:flex}.odo-strip>span{height:1em;line-height:1}.odo-colon{text-align:center;width:.3em;transform:translateY(-.06em)}.opening.leaving{opacity:0;visibility:hidden}.opening.leaving .opening-stage{opacity:0;transform:translateY(-1.5rem)scale(.94)}@media (prefers-reduced-motion:reduce){.opening.leaving .opening-stage{transform:none}}.preview-banner{z-index:10;font-family:var(--sans);color:#fff;background:repeating-linear-gradient(45deg,#b00020 0 12px,#8c0019 12px 24px);padding:.5rem 1rem;font-size:.8125rem;font-weight:700;position:sticky;top:0}.scale-legend{font-family:var(--sans);gap:.25rem;margin:.5rem 0 0;display:grid}.scale-legend>div{align-items:baseline;gap:.75rem;display:flex}.scale-legend dt{font-variant-numeric:tabular-nums;width:1.25rem;color:var(--ink-soft)}.scale-legend dd{margin:0}.actions{flex-direction:column;margin-top:auto;padding-top:1.5rem;display:flex}.actions-split{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.actions-split .button{flex:1;margin-top:0}.progress-face{justify-content:center;display:flex}.holding-name{margin-top:.25rem}.definition{color:var(--ink-soft)}.item{border:0;border-top:1px solid var(--rule);margin:0;padding:1rem 0 0}.item legend{float:left;width:100%;margin-bottom:.75rem;padding:0}.item legend+*{clear:both}.selector{grid-template-columns:repeat(5,1fr);gap:.375rem;display:grid}.selector-option{position:relative}.selector-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.selector-option span{min-height:var(--target);font-family:var(--sans);font-variant-numeric:tabular-nums;border:1px solid var(--rule);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;display:flex}.selector-option input:checked+span{background:var(--ink);color:var(--ground);border-color:var(--ink)}.selector-option input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.results{gap:1.25rem}.results header .title{margin-bottom:.125rem}.results header .label{margin:0}.results section{border-top:1px solid var(--rule);flex-direction:column;gap:.75rem;padding-top:1.25rem;display:flex}.results-face{justify-content:center;margin:0;display:flex}.results-face .clock-face{width:100%;max-width:360px}.muted{color:var(--ink-soft)}.section-title{font-family:var(--sans);color:var(--ink);margin:0;font-size:.9375rem;font-weight:600}.ranked{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ranked-row{font-family:var(--sans);grid-template-columns:minmax(7.5rem,auto) 1fr 1.75rem;align-items:center;gap:.75rem;font-size:.9375rem;display:grid}.ranked-score{text-align:right;font-variant-numeric:tabular-nums}.ranked-bar{background:#ecebe6;border-radius:3px;height:6px;overflow:hidden}.ranked-bar>span{background:#a8a79f;border-radius:3px;height:100%;display:block}.ranked-row.lowest .ranked-bar>span{background:var(--coral)}.ranked-row.lowest .ranked-score{color:var(--coral);font-weight:600}.pillars{font-family:var(--sans);gap:.5rem;margin:0;display:grid}.pillar-row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.pillar-row dt{font-size:.9375rem}.pillar-row dd{align-items:center;gap:.75rem;margin:0;display:flex}.pillar-bar{background:#eee;border-radius:3px;width:4.5rem;height:6px;overflow:hidden}.pillar-bar>span{background:var(--band-color);border-radius:3px;height:100%;display:block}.pillar-total{font-variant-numeric:tabular-nums;text-align:right;min-width:1.5rem}.pillar-band{min-width:5.5rem;color:var(--ink-soft)}.reflection{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.textarea{font-family:var(--serif);resize:vertical;min-height:6rem;line-height:1.5}.home{gap:0;padding-top:0}.home-band{padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem 1.5rem;color:#fff;clip-path:inset(0 -100vmax);background:#000;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 -1.25rem;display:flex;box-shadow:0 0 0 100vmax #000}.home-mark{font-family:var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1}.home-today{font-family:var(--sans);color:#ffffffb3;text-align:right;font-size:.875rem}.home-middle{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1.75rem 0 1.5rem;display:flex}.home-clock{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;display:block}.home-clock .clock-face{filter:drop-shadow(0 14px 22px #00000029)drop-shadow(0 2px 4px #0000001a);width:min(74vw,290px);height:auto;transition:transform .16s}.home-clock:active .clock-face{transform:scale(.98)}.home-clock:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.home-clock-date{font-family:var(--sans);color:var(--ink-soft);margin:-.25rem 0 0;font-size:.8125rem}.home-pillars{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;display:grid}.home-pillar{border:1px solid var(--rule);font-family:var(--sans);border-radius:10px;flex-direction:column;gap:.25rem;min-width:0;padding:.625rem .5rem .5rem;display:flex}.home-pillar-name{letter-spacing:.01em;color:var(--ink-soft);text-overflow:ellipsis;font-size:.6875rem;font-weight:600;overflow:hidden}.home-pillar-total{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:600;line-height:1.1}.home-pillar-bar{background:#eee;border-radius:2px;height:4px;overflow:hidden}.home-pillar-bar>span{background:var(--band-color);border-radius:2px;height:100%;display:block}.band-unattended{--band-color:var(--band-unattended)}.band-uneven{--band-color:var(--band-uneven)}.band-steady{--band-color:var(--band-steady)}.band-strong{--band-color:var(--band-strong)}.home-pillar-band{color:var(--ink);font-size:.75rem}.home-cta{border-radius:999px;width:100%;margin-top:.25rem;font-weight:600}.home-empty{text-align:center}.home-quote{border-top:1px solid var(--rule);text-align:center;margin:0;padding:1.5rem .5rem .25rem;position:relative}.home-quote-mark{background:var(--ground);height:2.25rem;font-family:var(--serif);color:var(--ink);padding:0 .5rem;font-size:3rem;line-height:1;position:absolute;top:-.2rem;left:50%;overflow:hidden;transform:translate(-50%)}.home-quote blockquote{font-family:var(--serif);margin:1.5rem 0 0;font-size:1.1875rem;font-style:italic;line-height:1.45}.home-quote figcaption{font-family:var(--sans);letter-spacing:.08em;color:var(--ink-soft);margin-top:.5rem;font-size:.75rem;font-weight:600}.clock-face{max-width:100%;height:auto;display:block;overflow:visible}.cf-rim{fill:none;stroke:var(--ink);stroke-width:1.5px}.cf-ring{fill:none;stroke:var(--rule);stroke-width:1px}.cf-axis{stroke:var(--rule);stroke-width:1px}.cf-spoke{stroke:var(--rule);stroke-width:1px;stroke-dasharray:1 4;stroke-linecap:round}.cf-filled{fill:var(--rule)}.cf-current{fill:none;stroke:var(--ink-soft);stroke-width:1.5px}.cf-case{fill:#fff;stroke:var(--ink);stroke-width:5px}.cf-tick{stroke:#b5b5b5;stroke-width:1.25px;stroke-linecap:round}.cf-tick.major{stroke:var(--ink);stroke-width:3px}.cf-hour.clock{fill:var(--ink);font-size:17px;font-weight:600}.cf-hands{opacity:.16}.cf-hands.clock{opacity:.9}.cf-hands.clock .cf-hand-hour{stroke-width:7px}.cf-hands.clock .cf-hand-minute{stroke-width:4px}.cf-hand-hour{stroke:var(--ink);stroke-width:6px;stroke-linecap:round}.cf-hand-minute{stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round}.cf-hand-cap{fill:var(--ink)}.cf-previous{fill:none;stroke:#a8a79f;stroke-width:1px}.cf-shape{fill:#d85a3026;stroke:var(--coral);stroke-width:2px;stroke-linejoin:round}.cf-dot{fill:var(--coral)}.cf-nine{fill:var(--ink)}.cf-hour{font-family:var(--sans);fill:var(--ink-soft);font-size:12px}.cf-pillar{font-family:var(--sans);fill:var(--ink-soft);letter-spacing:.02em;font-size:11px}