:root{--bg:#f5f0e8;--bg-soft:#ebe4d8;--bg-glow:#fffaf2;--ink:#2c2925;--ink-muted:#6e675e;--stone:#8a8175;--stone-soft:#c9c0b4;--stone-broken:#ddd5c8;--danger:#a85a4a;--danger-soft:#a85a4a1f;--ring-intact:#5c5348;--ring-broken:#d6cec2;--ring-over-broken:#d9b5ad;--surface:#fffcf78c;--divider:#5c53481f;--cal-under:#5f8f6b;--cal-under-bg:#5f8f6b2e;--cal-met:#8a8175;--cal-met-bg:#8a817529;--cal-over:#a85a4a;--cal-over-bg:#a85a4a2e;--font-display:"Source Serif 4", Georgia, serif;--font-body:"Source Sans 3", system-ui, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}[data-theme=dark]{--bg:#1c1a17;--bg-soft:#141210;--bg-glow:#2a2620;--ink:#ece6dc;--ink-muted:#a39a8e;--stone:#9a9084;--stone-soft:#4a453e;--stone-broken:#3a3530;--danger:#d08a7c;--danger-soft:#d08a7c29;--ring-intact:#cfc5b6;--ring-broken:#3f3a34;--ring-over-broken:#5a403a;--surface:#28241eb3;--divider:#ece6dc1a;--cal-under:#7eb089;--cal-under-bg:#7eb08933;--cal-met:#a39a8e;--cal-met-bg:#a39a8e29;--cal-over:#d08a7c;--cal-over-bg:#d08a7c33}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%, var(--bg-glow) 0%, transparent 55%), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}.app{max-width:28rem;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,8vw,2.75rem);font-weight:600;line-height:1.05}.tagline{max-width:16rem;color:var(--ink-muted);margin:.45rem auto 0;font-size:.95rem;line-height:1.4}.tagline strong{color:var(--ink);font-weight:600}.tagline em{font-optical-sizing:auto;font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-weight:500}.top{text-align:center;padding-top:.5rem}.main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;display:flex}.summary-block{flex-direction:column;align-items:center;gap:.45rem;min-height:5.75rem;display:flex}.summary{color:var(--ink-muted);flex-direction:column;align-items:center;gap:.2rem;margin:0;font-size:.95rem;display:flex}.summary-remain{color:var(--ink);font-weight:600}.app-over .summary-remain{color:var(--danger)}.day-countdown{background:var(--surface);border:1px solid var(--divider);border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;min-width:11.5rem;margin:.15rem 0 0;padding:.55rem 1rem .6rem;animation:.28s countdown-in;display:flex}.day-countdown-label{color:var(--ink-muted);letter-spacing:.03em;text-transform:lowercase;font-size:.72rem}.day-countdown-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:.04em;font-size:1.15rem;font-weight:600;line-height:1.1}.app-over .day-countdown{border-color:var(--danger-soft);background:var(--danger-soft)}.app-over .day-countdown-time{color:var(--danger)}@keyframes countdown-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.undo-slot{opacity:0;justify-content:center;align-items:center;min-height:2.5rem;transition:opacity .18s;display:flex}.undo-slot.is-visible{opacity:1}.undo-btn{text-underline-offset:.18em;color:var(--ink-muted);font-size:.9rem;text-decoration:underline}.undo-btn:hover{color:var(--ink)}.nav{justify-content:center;gap:1.5rem;padding-top:.75rem;display:flex}.btn-primary,.btn-ghost,.btn-danger,.stepper-btn{min-width:44px;min-height:44px}.btn-primary{background:var(--ink);color:var(--bg);border-radius:999px;padding:.85rem 1.5rem;font-weight:600}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:var(--danger-soft);border-radius:999px;padding:.75rem 1.25rem;font-weight:600}.btn-ghost{color:var(--ink-muted);padding:.55rem .75rem;font-weight:500}.btn-ghost:hover{color:var(--ink)}.setup{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.setup-brand{margin-bottom:1.25rem}.setup-title{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:600}.setup-sub{max-width:18rem;color:var(--ink-muted);margin:0 0 1.5rem;line-height:1.45}.stepper{grid-template-columns:3rem 5.5rem 3rem;justify-content:center;place-items:center;column-gap:1.25rem;margin-bottom:1.75rem;display:grid}.stepper-btn{border:1px solid var(--stone-soft);background:var(--surface);width:3rem;min-width:3rem;height:3rem;min-height:3rem;color:var(--ink);border-radius:50%;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:grid}.stepper-value{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.stepper-num{width:100%;font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:600;line-height:1;display:block}.stepper-unit{color:var(--ink-muted);text-align:center;font-size:.9rem;line-height:1.2}.setup-actions{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.ring-wrap{aspect-ratio:1;place-items:center;width:min(86vw,320px);display:grid;position:relative}.ring-svg{width:100%;height:100%;overflow:visible}.ring-segment{transform-origin:160px 160px;will-change:opacity, transform;transition:fill .22s,opacity .22s}.ring-segment.is-intact{fill:var(--ring-intact)}.ring-segment.is-broken{fill:var(--ring-broken);opacity:.55}.ring-segment.is-breaking{animation:.32s cubic-bezier(.4,0,.2,1) forwards segment-break}.ring-empty{stroke:var(--ring-broken);opacity:.45}.ring-wrap.is-over .ring-empty{stroke:var(--ring-over-broken)}.ring-wrap.is-over .ring-segment.is-broken{fill:var(--ring-over-broken)}.ring-wrap.is-over .ring-segment.is-intact{fill:var(--danger)}@keyframes segment-break{0%{opacity:1;transform:scale(1)}55%{opacity:.35;transform:scale(.94)}to{opacity:0;transform:scale(.82)}}.hold-progress-track{stroke:var(--stone-soft);stroke-width:2.5px;opacity:.35}.hold-progress{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;transform-origin:160px 160px;transition:opacity .12s;transform:rotate(-90deg)}.ring-wrap.is-over .hold-progress{stroke:var(--danger)}.hold-btn{-webkit-user-select:none;user-select:none;background:0 0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;display:flex;position:absolute;inset:28%}.hold-btn.is-holding{transform:scale(.98)}.hold-count{font-family:var(--font-display);font-size:2.25rem;font-weight:600;line-height:1}.hold-hint{color:var(--ink-muted);letter-spacing:.04em;text-transform:lowercase;font-size:.72rem}.over-banner{background:var(--danger-soft);color:var(--danger);text-align:center;border-radius:999px;width:fit-content;margin:.85rem auto 0;padding:.45rem .85rem;font-size:.85rem;font-weight:600}.history{flex-direction:column;flex:1;gap:1rem;display:flex}.history-header{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;display:grid}.history-title{font-family:var(--font-display);text-align:center;margin:0;padding-right:3.5rem;font-size:1.5rem;font-weight:600}.nav-icon-btn{justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.nav-icon{flex-shrink:0;width:22px;height:22px;display:block}.settings{flex-direction:column;flex:1;gap:1.25rem;display:flex}.settings-block{border-bottom:1px solid var(--divider);flex-direction:column;gap:.55rem;padding:1rem 0;display:flex}.settings-block:last-child{border-bottom:none}.settings-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-copy{flex-direction:column;gap:.15rem;display:flex}.settings-label{margin:0;font-size:1rem;font-weight:600}.settings-hint{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.4}.settings-stepper{width:max-content;margin:.75rem auto}.settings-save,.settings-reset{align-self:center}.reset-confirm{flex-direction:column;align-items:center;gap:.35rem;display:flex}.reset-hold{isolation:isolate;-webkit-user-select:none;user-select:none;min-width:14rem;position:relative;overflow:hidden}.reset-hold.is-holding{transform:scale(.98)}.reset-hold-fill{background:var(--danger);opacity:.22;transform-origin:0;z-index:0;pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.reset-hold-label{z-index:1;position:relative}.theme-switch{background:var(--stone-soft);border-radius:999px;width:52px;min-width:52px;height:30px;min-height:30px;padding:0;transition:background .18s;position:relative}.theme-switch.is-on{background:var(--ink)}.theme-switch-knob{background:var(--bg);border-radius:50%;width:24px;height:24px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000002e}.theme-switch.is-on .theme-switch-knob{transform:translate(22px)}.cal-nav{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cal-nav-btn{min-width:44px;font-size:1.4rem;line-height:1}.cal-nav-btn:disabled{opacity:.3;cursor:default}.cal-month{font-family:var(--font-display);text-transform:capitalize;text-align:center;margin:0;font-size:1.1rem;font-weight:600}.cal-grid{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}.cal-weekday{text-align:center;color:var(--ink-muted);padding-bottom:.25rem;font-size:.72rem}.cal-cell{aspect-ratio:1;font-variant-numeric:tabular-nums;color:var(--ink-muted);background:0 0;border-radius:.65rem;place-items:center;min-height:40px;font-size:.92rem;display:grid}.cal-cell.is-pad{visibility:hidden}.cal-cell.is-future{opacity:.35}.cal-cell.is-empty:not(.is-future){color:var(--ink-muted)}.cal-cell.is-under{background:var(--cal-under-bg);color:var(--cal-under);font-weight:600}.cal-cell.is-met{background:var(--cal-met-bg);color:var(--cal-met);font-weight:600}.cal-cell.is-over{background:var(--cal-over-bg);color:var(--cal-over);font-weight:600}.cal-cell.is-today{box-shadow:inset 0 0 0 1.5px var(--ink)}.cal-cell.is-selected{outline:2px solid var(--ink);outline-offset:1px}.cal-cell:disabled{cursor:default}.cal-legend{flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;margin-top:.25rem;display:flex}.cal-legend-item{color:var(--ink-muted);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.cal-legend-item:before{content:"";border-radius:50%;width:.55rem;height:.55rem}.cal-legend-item.is-under:before{background:var(--cal-under)}.cal-legend-item.is-met:before{background:var(--cal-met)}.cal-legend-item.is-over:before{background:var(--cal-over)}.cal-detail{text-align:center;color:var(--ink-muted);min-height:1.4em;margin:.25rem 0 0;font-size:.95rem}.cal-detail strong{color:var(--ink);font-weight:600}.cal-detail-empty{color:var(--ink-muted)}