:root{--bg:#eef1f4;--surface:#fff;--ink:#15202b;--muted:#5a6672;--line:#d7dde3;--field:#f6f8fa;--on:#fff;--danger:#b42318;--ok:#1e7b4a;--warn:#9a6200;--c-indigo:#4553c4;--c-amber:#b0600c;--c-teal:#0b7a6f;--c-rose:#b8325a;--c-violet:#6b4fb3;--c-green:#3d7a1f;--c-slate:#4f5d6b;--c-sky:#1f6fae;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:14px}@media (prefers-color-scheme:dark){:root{--bg:#0e141a;--surface:#17202a;--ink:#e6ebf0;--muted:#98a4b0;--line:#2a3542;--field:#111921;--on:#0e141a;--danger:#ff8a80;--ok:#6fd39b;--warn:#f2c14e;--c-indigo:#8e9bff;--c-amber:#f2a64c;--c-teal:#4cc6b6;--c-rose:#ff8fb0;--c-violet:#bca6ff;--c-green:#9bd86f;--c-slate:#aab7c4;--c-sky:#7cc0f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.4}h1{letter-spacing:-.01em;margin:0;font-size:1.45rem}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:.78rem;font-weight:700}h3{margin:0;font-size:1rem}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--c-sky);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85rem}.error-text{color:var(--danger)}.empty-note{color:var(--muted);font-size:.95rem}.stack{flex-direction:column;gap:12px;display:flex}.stack.spacious{gap:22px}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.row-between>h2{margin:0}.panel{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px}.notice{border:1.5px solid var(--warn);border-radius:var(--radius);background:color-mix(in srgb, var(--warn) 10%, var(--surface));padding:12px 14px}.page{max-width:760px;padding-inline:16px;padding-block:calc(14px + env(safe-area-inset-top,0px)) calc(110px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:22px;margin:0 auto;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.help-button{border:1.5px solid var(--line);background:var(--surface);border-radius:50%;width:30px;height:30px;font-size:.9rem;font-weight:700}.help-dialog{border-radius:var(--radius);background:var(--surface);width:min(560px,100% - 32px);max-height:calc(100% - 48px);color:var(--ink);border:0;padding:0}.help-dialog::backdrop{background:#00000073}.help-dialog-body{padding:18px;line-height:1.45}.help-dialog .help-title{text-transform:none;letter-spacing:0;color:var(--ink);outline:none;margin:0;font-size:1.2rem}.help-dialog ul{margin:6px 0 0;padding-left:20px}.help-dialog li+li{margin-top:6px}.sync-pill{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.sync-pill:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.sync-pill.ok:before{background:var(--ok)}.sync-pill.warn:before{background:var(--warn)}.sync-pill.err:before{background:var(--danger)}.tab-bar{background:var(--surface);border-top:1.5px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);z-index:4;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar-inner{width:100%;max-width:760px;display:flex}.tab-bar button{color:var(--muted);background:0 0;border:0;flex:1;padding:12px 0 13px;font-size:.92rem;font-weight:700}.tab-bar button[aria-current=page]{color:var(--ink);box-shadow:inset 0 3px 0 var(--ink)}.toast{left:50%;bottom:calc(66px + env(safe-area-inset-bottom,0px));background:var(--ink);width:min(560px,100% - 32px);color:var(--bg);z-index:6;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 10px 10px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #00000040}.toast-message{flex:160px;font-size:.95rem;font-weight:700}.toast button{border:1.5px solid color-mix(in srgb, var(--bg) 40%, transparent);color:var(--bg);background:0 0;border-radius:8px;padding:7px 10px;font-size:.88rem;font-weight:700}@media (prefers-reduced-motion:no-preference){.toast{animation:.18s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}}.button{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 15px;font-weight:700}a.button{color:inherit;text-decoration:none}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.danger{color:var(--danger)}.button.full-width{width:100%;padding:13px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.icon-button{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;min-width:38px;height:38px;padding:0 8px;font-size:1.05rem}.field{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:.8rem;font-weight:700;display:flex}.field-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.checkbox-field{align-items:center;gap:8px;font-weight:700;display:flex}.checkbox-field input{width:auto}input,select,textarea{font:inherit;color:var(--ink);background:var(--field);border:1.5px solid var(--line);border-radius:9px;width:100%;min-width:0;padding:9px 10px}textarea{resize:vertical;min-height:84px}.running-list{flex-wrap:wrap;align-items:center;gap:8px;min-height:38px;display:flex}.running-pill{background:var(--c);color:var(--on);border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.92rem;font-weight:700;display:inline-flex}.running-pill .mono{opacity:.9;font-weight:400}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.episode-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);flex-direction:column;min-width:0;display:flex;overflow:hidden}.episode-card.is-running{background:var(--c);border-color:var(--c);color:var(--on)}.episode-button{text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;min-height:72px;padding:14px 14px 12px;display:flex}.episode-name{align-items:center;gap:8px;min-width:0;font-size:1.02rem;font-weight:700;display:flex}.episode-name span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.episode-status{color:var(--muted);font-size:.84rem}.episode-card.is-running .episode-status{color:var(--on);opacity:.92}.color-dot{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px}.episode-card.is-running .color-dot{background:var(--on)}.level-buttons{border-top:1px solid color-mix(in srgb, var(--on) 35%, transparent);display:flex}.level-buttons button{color:var(--on);font-family:var(--font-mono);background:0 0;border:0;flex:1;min-width:0;padding:9px 0;font-size:.9rem}.level-buttons button+button{border-left:1px solid color-mix(in srgb, var(--on) 25%, transparent)}.level-buttons button[aria-pressed=true]{background:color-mix(in srgb, var(--on) 28%, transparent);font-weight:600}.moment-buttons{flex-wrap:wrap;gap:8px;display:flex}.moment-button{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:700;display:inline-flex}.moment-button:before{content:"";background:var(--c);border-radius:2px;width:8px;height:8px;transform:rotate(45deg)}.moment-button:active{background:var(--c);color:var(--on)}.day-section .panel{margin-top:10px}.day-nav{align-items:center;gap:6px;display:flex}.day-name{text-align:center;min-width:9ch;font-weight:700}.day-totals{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:.85rem;display:flex}.day-total{align-items:center;gap:6px;display:inline-flex}.day-total:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.day-log{--lane:12px;margin:0;padding:0;list-style:none}.day-row{grid-template-columns:72px calc(var(--lanes,0) * var(--lane)) minmax(0, 1fr);column-gap:8px;display:grid}.entry-row{grid-area:1/1/auto/-1;grid-template-columns:subgrid;text-align:left;background:0 0;border:0;align-items:center;width:100%;padding:0;display:grid}.entry-time{color:var(--muted);grid-area:1/1;padding:10px 0 10px 2px;font-size:.9rem}.row-body{border-top:1px solid var(--line);grid-area:1/3;grid-template-columns:12px minmax(0,1fr);align-self:stretch;align-items:center;gap:10px;padding:10px 2px 10px 0;display:grid}.day-row:first-child .row-body,.day-gap .row-body,.day-gap+.day-row .row-body,.day-now+.day-row .row-body,.day-row.is-nested .row-body{border-top:0}.day-row.is-nested .row-body{padding-top:4px;padding-left:14px}.day-gap .row-body{color:var(--muted);padding:2px 0;font-size:.78rem;display:block}.day-now .entry-time{padding-block:4px;font-weight:700}.day-now .row-body{align-self:center;padding:0;display:block}.now-line{background:var(--muted);border-radius:1px;height:2px;display:block}.day-log .empty-note{padding:6px 2px}.lanes{pointer-events:none;grid-area:1/2;display:flex}.lanes.is-below{grid-row:2}.lane{width:var(--lane);position:relative}.lane-bar{background:var(--c);width:4px;margin-left:-2px;position:absolute;left:50%}.lane-bar.is-through{top:0;bottom:0}.lane-bar.is-start,.lane-bar.is-start-end{top:0;bottom:50%}.lane-bar.is-end{top:0;bottom:0}.lane-bar.is-now{border-radius:2px 2px 0 0;top:50%;bottom:0}.lane-bar.is-start:after,.lane-bar.is-start-end:after,.lane-bar.is-end:before,.lane-bar.is-start-end:before{content:"";border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;left:50%}.lane-bar.is-start:after,.lane-bar.is-start-end:after{background:var(--c);bottom:-5px}.lane-bar.is-end:before,.lane-bar.is-start-end:before{box-sizing:border-box;border:2px solid var(--c);background:var(--surface);top:-5px}.entry-marker{background:var(--c);border-radius:50%;width:10px;height:10px}.entry-marker.is-moment{border-radius:2px;transform:rotate(45deg)}.entry-marker.is-answer{border-radius:3px}.entry-text{overflow-wrap:anywhere;min-width:0}.entry-note{color:var(--muted);font-size:.85rem;display:block}.entry-editor{flex-wrap:wrap;grid-area:2/3;align-items:end;gap:8px;padding:4px 2px 14px 22px;display:flex}.entry-editor .note-field{flex:140px}.question{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-block:12px;display:flex}.question:first-child{border-top:0;padding-top:2px}.question-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.question-answer{color:var(--muted);font-size:.85rem}.rating-scale{gap:6px;display:flex}.rating-scale button{border:1.5px solid var(--line);background:var(--field);min-width:0;font-family:var(--font-mono);border-radius:10px;flex:1;padding:11px 0;font-weight:600}.rating-scale button[aria-pressed=true]{background:var(--c);border-color:var(--c);color:var(--on)}.rating-ends{color:var(--muted);justify-content:space-between;gap:8px;margin-top:-2px;font-size:.78rem;display:flex}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--field);border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:700}.chip[aria-pressed=true]{background:var(--c);border-color:var(--c);color:var(--on)}.number-row{align-items:center;gap:10px;display:flex}.number-row input{max-width:140px}.section-header{margin-bottom:8px}.tracker-editor{margin-bottom:10px}.tracker-list{margin:0;padding:0;list-style:none}.tracker-list-group{margin:10px 0 2px}.tracker-list li{border-top:1px solid var(--line);grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;display:grid}.tracker-list li:first-child{border-top:0}.tracker-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.tracker-type{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.tracker-actions{gap:4px;display:flex}.tracker-actions button{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;min-width:34px;height:34px;padding:0 8px;font-size:.85rem;font-weight:700}.tracker-actions button.is-confirming{color:var(--danger);border-color:var(--danger)}.archived-trackers{margin-top:10px}.archived-trackers summary{cursor:pointer;color:var(--muted);font-size:.9rem;font-weight:700}.archived-trackers .panel{margin-top:8px}.swatches{align-items:center;gap:6px;display:flex}.swatches button,.custom-color{aspect-ratio:1;box-sizing:border-box;flex:1 1 0;min-width:0;max-width:34px;padding:0}.swatches button{background:var(--c);border:3px solid #0000;border-radius:50%}.swatches button[aria-pressed=true]{border-color:var(--ink)}.custom-color{cursor:pointer;background:conic-gradient(#e5484d,#f2c14e,#46a758,#0b7a6f,#1f6fae,#6b4fb3,#e5484d) border-box;border:3px solid #0000;border-radius:50%;position:relative}.custom-color.is-selected{background:var(--c);border-color:var(--ink)}.custom-color:focus-within{outline:3px solid var(--c-sky);outline-offset:2px}.custom-color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}