:root{--bg:#faf9f7;--surface:#fff;--surface-2:#f1efea;--surface-3:#e7e4dd;--text:#1b1a17;--text-dim:#74706a;--text-faint:#a8a39b;--accent:#ffd43b;--accent-strong:#f0b400;--accent-ink:#2b2410;--ink:#26241f;--ok:#2f9e5e;--warn:#d98c00;--bad:#d9453d;--line:#0000000f;--shadow-sm:0 1px 2px #19160f0d;--shadow-md:0 4px 16px #19160f14;--radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-pill:999px;--gutter:18px;--gap:10px;--t-display:3.6rem;--t-title:1.6rem;--t-head:1.1rem;--t-body:1rem;--t-small:.875rem;--t-tiny:.75rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131312;--surface:#1c1b1a;--surface-2:#262523;--surface-3:#33312e;--text:#f3f1ed;--text-dim:#a09b93;--text-faint:#6f6a63;--accent-ink:#2b2410;--ink:#f3f1ed;--line:#ffffff14;--shadow-sm:none;--shadow-md:none}}:root[data-theme=dark]{--bg:#131312;--surface:#1c1b1a;--surface-2:#262523;--surface-3:#33312e;--text:#f3f1ed;--text-dim:#a09b93;--text-faint:#6f6a63;--ink:#f3f1ed;--line:#ffffff14;--shadow-sm:none;--shadow-md:none}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:var(--t-body) / 1.5 ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}#root{max-width:560px;padding:calc(env(safe-area-inset-top) + 8px) var(--gutter) calc(env(safe-area-inset-bottom) + 32px);margin:0 auto}h1{font-size:var(--t-title);letter-spacing:-.02em;margin:18px 0 2px;font-weight:800}h2{font-size:var(--t-head);margin:24px 0 8px;font-weight:700}a{color:inherit;text-decoration:none}.muted{color:var(--text-dim);font-size:var(--t-small)}.faint{color:var(--text-faint)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:var(--gap) 0;padding:14px 16px}.card.flush{padding:0;overflow:hidden}.row{justify-content:space-between;align-items:center;gap:var(--gap);display:flex}button{font:inherit;color:var(--text);background:var(--surface-2);border-radius:var(--radius-sm);cursor:pointer;border:0;min-height:44px;padding:11px 16px;font-weight:600;transition:transform 80ms,background .15s}button:active{transform:scale(.97)}button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm);font-weight:700}button.ghost{color:var(--text-dim);background:0 0}button:disabled{opacity:.45;cursor:not-allowed}button.block{width:100%;margin-top:14px;display:block}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.pill{border-radius:var(--radius-pill);font-size:var(--t-tiny);letter-spacing:.02em;background:var(--surface-2);color:var(--text-dim);padding:3px 9px;font-weight:700;display:inline-block}.pill.ok{color:var(--ok)}.pill.warn{color:var(--warn)}.pill.bad{color:var(--bad)}.pill.accent{background:var(--accent);color:var(--accent-ink)}label{font-size:var(--t-small);color:var(--text-dim);margin:14px 0 5px;font-weight:600;display:block}input[type=email],input[type=password],input[type=text]{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid #0000;min-height:48px;padding:13px 14px}.form-error{color:var(--bad);font-size:var(--t-small);margin:12px 0 0;font-weight:600}ul.list,div.list{margin:12px 0;padding:0;list-style:none}dl.kv{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;margin:0;display:grid}dl.kv dt{color:var(--text-dim);font-size:var(--t-small)}dl.kv dd{text-align:right;font-size:var(--t-small);word-break:break-all;margin:0;font-weight:600}pre.log{color:#d6d6d6;border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;background:#0d0d0c;max-height:46vh;padding:12px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.tabular{font-variant-numeric:tabular-nums}.run{text-align:center}.run-top{margin-top:4px}button.icon,button.ghost.icon{min-width:44px;padding:8px;font-size:1.05rem}.run-step-title{text-wrap:balance;margin:18px 0 20px;font-size:1.45rem}.ring-holder{justify-content:center;display:flex}.ring-wrap{place-items:center;display:grid;position:relative}.ring{position:absolute;inset:0}.ring-content{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.run-emoji{margin-bottom:4px;font-size:2.3rem;line-height:1}.run-timer{font-size:var(--t-display);letter-spacing:-.035em;font-weight:800;line-height:1}.run-timer.overrun{color:var(--bad)}.overrun-note{color:var(--bad);font-size:var(--t-small);font-weight:600}.paused-note{color:var(--text-dim);font-size:var(--t-small);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.adjust{background:var(--surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-items:center;gap:6px;margin:18px auto 26px;padding:4px 6px;display:inline-flex}.adjust span{min-width:68px;font-size:var(--t-small);color:var(--text-dim);font-weight:700}.adjust button{border-radius:var(--radius-pill);min-width:42px;min-height:38px;padding:0;font-size:1.25rem}.run-controls{justify-content:center;align-items:center;gap:26px;margin-bottom:18px;display:flex}button.round{width:62px;height:62px;min-height:62px;color:var(--text-dim);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:50%;padding:0;font-size:1.15rem}button.round.done{background:var(--ink);width:88px;height:88px;min-height:88px;color:var(--bg);box-shadow:var(--shadow-md);font-size:2rem}.next-up{font-size:var(--t-small);margin:0 0 22px}.summary-head{text-align:center;padding:10px 0 4px}.summary-head h1{margin-top:6px}.outcome{color:var(--text-dim);font-size:1.1rem}.routine-card{color:inherit;align-items:center;gap:12px;display:flex}.routine-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.routine-emoji{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:1.6rem;display:grid}.title-input{font:inherit;font-size:var(--t-title);letter-spacing:-.02em;background:0 0;border:0;width:100%;min-height:0;padding:2px 0;font-weight:800}.sortable-item{touch-action:manipulation;align-items:stretch;gap:4px;margin:8px 0;display:flex}.sortable-body{flex:1;min-width:0}.sortable-body .card{margin:0}.drag-handle{width:30px;min-height:0;box-shadow:none;color:var(--text-faint);cursor:grab;touch-action:none;background:0 0;flex:none;padding:0;font-size:1rem}.drag-handle:active{cursor:grabbing;transform:none}.step-head{width:100%;box-shadow:none;text-align:left;background:0 0;align-items:center;gap:10px;min-height:40px;padding:2px 0;font-weight:500;display:flex}.step-index{width:20px;color:var(--text-faint);font-size:var(--t-small);flex:none;font-weight:700}.step-emoji{flex:none;font-size:1.25rem}.step-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.step-duration{color:var(--text-dim);font-size:var(--t-small);flex:none;font-weight:600}.step-edit{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}.stepper{background:var(--surface-2);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px;display:inline-flex}.stepper button{border-radius:var(--radius-pill);background:var(--surface);min-width:42px;min-height:38px;padding:0;font-size:1.2rem}.stepper span{text-align:center;min-width:70px;font-size:var(--t-small);font-weight:700}.checkbox-row{color:var(--text);align-items:center;gap:10px;margin:18px 0;font-weight:500;display:flex}.checkbox-row input{width:22px;height:22px;accent-color:var(--accent-strong)}.start-button{margin:18px 0;padding:15px;font-size:1.05rem}.detail-top{margin-bottom:6px}.day-top{align-items:flex-start}.greeting{margin:14px 0 2px}.week-strip{grid-template-columns:repeat(7,1fr);gap:4px;margin:14px 0 2px;display:grid}.week-day{border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:7px 0;display:flex}.week-label{font-size:var(--t-tiny);color:var(--text-faint);font-weight:700}.week-num{font-size:var(--t-small);color:var(--text-dim);font-weight:700}.week-day.today{background:var(--accent)}.week-day.today .week-label,.week-day.today .week-num{color:var(--accent-ink)}.week-day.future .week-num{color:var(--text-faint)}.day-section{margin-top:18px}.section-head{width:100%;min-height:36px;font-size:var(--t-small);color:var(--text-dim);background:0 0;align-items:center;gap:8px;padding:4px 2px;display:flex}.chevron{color:var(--text-faint);transition:transform .15s;display:inline-block}.chevron.open{transform:rotate(90deg)}.section-label{color:var(--text);text-align:left;flex:1;font-weight:700}.section-count{font-weight:700}.routine-row{align-items:center;gap:10px;padding:12px 14px;display:flex}.routine-row.done{opacity:.55}.routine-row.done strong{text-decoration:line-through}.routine-text{flex-direction:column;min-width:0;display:flex}.routine-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routine-meta{font-size:var(--t-small)}.play{background:var(--ink);width:42px;height:42px;color:var(--bg);border-radius:50%;flex:none;place-items:center;padding-left:3px;font-size:.85rem;display:grid}.empty{text-align:center;padding:26px 20px 22px}.empty p{margin:10px 0 0}.offline-bar{z-index:50;text-align:center;font-size:var(--t-tiny);background:var(--surface-3);color:var(--text-dim);padding:6px 16px;font-weight:700;position:sticky;top:0}.day-pills{grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0 4px;display:grid}.day-pill{background:var(--surface-2);min-height:44px;color:var(--text-dim);font-weight:700;font-size:var(--t-small);border-radius:50%;padding:0}.day-pill.on{background:var(--accent);color:var(--accent-ink)}input[type=time]{width:100%;font:inherit;font-variant-numeric:tabular-nums;color:var(--text);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid #0000;min-height:48px;padding:13px 14px}