:root{color-scheme:dark;--bg: #0b0d12;--panel: #12151d;--panel-2: #171b24;--panel-3: #1e2330;--border: #232834;--border-strong: #303646;--hairline: #1c2029;--text: #eef0f6;--text-2: #a8b0c2;--muted: #8e96ab;--text-faint: #5b6375;--accent: #34d399;--accent-ink: #04231a;--accent-dim: rgba(52, 211, 153, .12);--accent-ghost: rgba(52, 211, 153, .055);--accent-border: rgba(52, 211, 153, .38);--accent-2: #0ea5e9;--ok: var(--accent);--ok-dim: var(--accent-dim);--ok-ink: var(--accent-ink);--grace: #fbbf24;--grace-dim: rgba(251, 191, 36, .12);--grace-ink: #231806;--miss: #f87171;--miss-dim: rgba(248, 113, 113, .11);--miss-ink: #2a0f0f;--warn: var(--grace);--warn-dim: var(--grace-dim);--danger: var(--miss);--danger-dim: var(--miss-dim);--ring-track: rgba(255, 255, 255, .07);--shadow-0: none;--shadow-1: 0 1px 2px rgba(0, 0, 0, .24);--shadow-2: 0 12px 32px -8px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);--shadow: var(--shadow-1);--focus-ring: 0 0 0 3px rgba(52, 211, 153, .32);--focus-color: var(--accent);--bg-glow: radial-gradient(1100px 520px at 50% -15%, rgba(255, 255, 255, .028), transparent 70%);--grad: linear-gradient(135deg, #34d399, #10b981);--t-micro: .6875rem;--t-caption: .75rem;--t-small: .8125rem;--t-body: .9375rem;--t-lead: 1.0625rem;--t-title: 1.3125rem;--t-display: 1.75rem;--t-hero: 2.5rem;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--ls-tight: -.02em;--ls-snug: -.01em;--ls-wide: .08em;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-num: "Space Grotesk", "Inter", system-ui, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-1: 6px;--r-2: 10px;--r-3: 14px;--r-4: 20px;--r-pill: 999px;--radius: var(--r-4);--radius-s: var(--r-2);--w-phone: 560px;--w-read: 680px;--w-list: 640px;--w-max: 1320px;--rail-w: 232px;--ctx-w: 348px;--gutter: var(--s-5);--col-count: 72px;--row-h: 56px;--tap: 44px;--e-out: cubic-bezier(.22, 1, .36, 1);--e-spring: cubic-bezier(.22, 1.4, .36, 1);--d-1: .12s;--d-2: .22s;--d-3: .38s;font-size:16px}:root[data-theme=light]{color-scheme:light;--bg: #f4f6f9;--panel: #ffffff;--panel-2: #eef1f6;--panel-3: #e5e9f0;--border: #e2e6ee;--border-strong: #cdd4e0;--hairline: #ebeef4;--text: #101521;--text-2: #4a5568;--muted: #6b7488;--text-faint: #99a1b3;--accent: #047857;--accent-ink: #ffffff;--accent-dim: #e4f5ed;--accent-ghost: #f1faf6;--accent-border: #a7d9c4;--accent-2: #0284c7;--grace: #a3560a;--grace-dim: #fdf3e0;--grace-ink: #ffffff;--miss: #c72222;--miss-dim: #fdeaea;--miss-ink: #ffffff;--ring-track: #e2e6ee;--shadow-0: none;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06);--shadow-2: 0 12px 32px -8px rgba(16, 24, 40, .16), 0 2px 6px rgba(16, 24, 40, .06);--focus-ring: 0 0 0 3px rgba(4, 120, 87, .24);--bg-glow: none;--grad: linear-gradient(135deg, #059669, #047857)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-glow);color:var(--text);font-family:var(--font-ui);font-size:var(--t-body);line-height:var(--lh-normal);font-weight:var(--w-regular);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--d-2),color var(--d-2)}h1,h2,h3,.logo,.streak,.ring-pct,.goal-nums,.limit-used,.stat-val,.hcount,.wnum,.year-label,.stat-card .num,.pro-plans,.tour-logo{font-family:var(--font-num);letter-spacing:var(--ls-snug);line-height:var(--lh-snug)}h1{font-size:var(--t-title);font-weight:var(--w-bold)}h2{font-size:var(--t-lead);font-weight:var(--w-semibold)}h3{font-size:var(--t-body);font-weight:var(--w-semibold)}.hcount,.streak,.ring-pct,.goal-nums,.limit-used,.stat-val,.wnum,.year-label,.stat-card .num,.merge-counts,.feed-streak,.hist-streak,.src-num,.day-num,.todo-remind-val,.scrub-bubble,.pro-plans{font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration-color:var(--accent-border);text-underline-offset:3px}a:hover{color:var(--text);text-decoration-color:var(--border-strong)}:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:var(--r-1)}.cat-header,.flabel-web,.loc-head{font-size:var(--t-micro);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--muted)}.cat-header{margin:var(--s-5) var(--s-2) var(--s-2)}.hint{color:var(--muted);font-size:var(--t-small);line-height:var(--lh-normal)}.hint.big{font-size:var(--t-body);text-align:center;padding:var(--s-7) var(--s-3)}.msg{margin:var(--s-3) 0;color:var(--grace)}.msg.error{color:var(--miss)}#root{max-width:var(--w-phone);margin:0 auto;padding:var(--s-4) var(--s-4) var(--s-8)}.center{display:grid;place-items:center;min-height:70vh;color:var(--muted)}header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-1) 0 var(--s-2)}header .logo{font-size:var(--t-title)}header .today{flex:1;min-width:0;color:var(--muted);font-size:var(--t-small);text-transform:capitalize}main{display:flex;flex-direction:column;gap:var(--s-4)}footer{padding:var(--s-6) 0 0;text-align:center}.app-shell{display:contents}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:center;gap:var(--s-1);padding:var(--s-2) var(--s-3) calc(var(--s-2) + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border)}@supports (backdrop-filter: blur(1px)){.bottomnav{background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}}.bnav{position:relative;flex:1;max-width:96px;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);min-height:var(--tap);background:none;border:none;box-shadow:none;border-radius:var(--r-2);color:var(--muted);padding:var(--s-2) var(--s-1) var(--s-1);font-size:var(--t-micro);font-weight:var(--w-medium);transition:color var(--d-1)}.bnav:hover{color:var(--text);background:none;filter:none}.bnav:active{transform:none}.bnav svg{display:block}.bnav-label{font-size:var(--t-micro);letter-spacing:.01em;white-space:nowrap}.bnav.on{color:var(--text)}.bnav.on .bnav-label{font-weight:var(--w-semibold)}.bnav.on:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:0 0 2px 2px;background:var(--text)}.bottomnav.is-rail{position:sticky;top:0;bottom:auto;left:auto;right:auto;width:var(--rail-w);height:100vh;height:100dvh;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--s-1);padding:var(--s-5) var(--s-3);border-top:none;border-right:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.bottomnav.is-rail .bnav{flex:none;max-width:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-2);transition:background var(--d-1),color var(--d-1)}.bottomnav.is-rail .bnav-label{font-size:var(--t-body);letter-spacing:0}.bottomnav.is-rail .bnav:hover{background:var(--panel-3)}.bottomnav.is-rail .bnav.on{background:var(--panel-2);color:var(--text)}.bottomnav.is-rail .bnav.on:before{display:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);box-shadow:var(--shadow-0);transition:border-color var(--d-1)}.card:hover{border-color:var(--border-strong)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}.section-title,.sect-title{font-size:var(--t-lead);font-weight:var(--w-semibold);letter-spacing:var(--ls-snug)}.row{display:flex;gap:var(--s-2);align-items:center}.hero{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-3);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-1)}.hero-text{flex:1;min-width:0}.hero-text h2{font-size:var(--t-lead);font-weight:var(--w-semibold);letter-spacing:var(--ls-snug)}.hero-text p{color:var(--text-2);font-size:var(--t-small);margin-top:var(--s-1);line-height:var(--lh-normal)}.ring-wrap{position:relative;width:116px;height:116px;flex:none}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ring-pct{font-size:var(--t-display);font-weight:var(--w-bold);letter-spacing:var(--ls-tight)}.ring-pct em{font-style:normal;font-size:var(--t-body);color:var(--muted);font-weight:var(--w-medium)}.ring-emoji{font-size:var(--t-display)}.ring-wrap.sm{width:44px;height:44px}.ring-wrap.sm .ring-pct{font-size:var(--t-caption)}.ring-wrap.sm .ring-pct em{font-size:var(--t-micro)}.ring-wrap.sm .ring-emoji{font-size:var(--t-body)}.wstrip-wrap{display:flex;flex-direction:column;gap:var(--s-2)}.wstrip-head{display:flex;justify-content:space-between;align-items:center;padding:0 var(--s-1)}.wstrip{display:flex;gap:var(--s-1);padding:var(--s-2) var(--s-1);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-0)}.wnav{flex:none;width:28px;min-height:var(--tap);background:none;border:none;box-shadow:none;color:var(--muted);font-size:var(--t-lead);font-weight:var(--w-medium);padding:0;border-radius:var(--r-1)}.wnav:hover{filter:none;color:var(--text);background:var(--panel-3)}.wnav:disabled{opacity:.28;cursor:default}.wnav:disabled:hover{background:none;color:var(--muted)}.wday{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);min-height:var(--tap);padding:var(--s-2) 0 var(--s-1);border-radius:var(--r-2);color:var(--muted);border:1px solid transparent;background:none;box-shadow:none;font-weight:var(--w-regular);transition:background var(--d-1),color var(--d-1)}.wday:hover{filter:none;background:var(--panel-3)}.wday:active{transform:none}.wday.sel{background:var(--panel-3);border-color:var(--border-strong);color:var(--text)}.wday.sel:hover{background:var(--panel-3)}.wday.today .wnum{color:var(--text)}.wday.today:after{content:"";width:3px;height:3px;border-radius:50%;background:var(--text);margin-top:-2px}.wday.future{color:var(--text-faint);cursor:default}.wday.future:hover{background:none}.wdow{font-size:var(--t-micro);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide)}.wnum{font-size:var(--t-body);font-weight:var(--w-bold);font-family:var(--font-num)}.wdot{width:5px;height:5px;border-radius:50%;background:transparent}.wdot.full{background:var(--ok)}.wdot.part{background:var(--grace)}.wdot.zero{background:var(--miss)}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--r-2);padding:var(--s-3) var(--s-3);font-size:var(--t-body);font-family:inherit;line-height:var(--lh-snug);width:100%;min-height:var(--tap);transition:border-color var(--d-1),box-shadow var(--d-1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-border);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--text-faint)}textarea{resize:vertical;min-height:72px}button{background:var(--grad);color:var(--accent-ink);border:none;border-radius:var(--r-2);padding:var(--s-3) var(--s-4);min-height:var(--tap);font-size:var(--t-body);font-weight:var(--w-semibold);font-family:inherit;cursor:pointer;box-shadow:var(--shadow-0);transition:filter var(--d-1),transform 90ms var(--e-spring),box-shadow var(--d-1)}button:hover{filter:brightness(1.06)}button:active{transform:scale(.975)}button:disabled{opacity:.42;cursor:not-allowed;filter:none}button.btn-secondary,.act,.ghost-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);box-shadow:none;font-weight:var(--w-medium)}button.btn-secondary:hover,.act:hover,.ghost-btn:hover{filter:none;background:var(--panel-3);border-color:var(--border-strong)}.act{flex:1}.act.done.active{background:var(--ok-dim);border-color:var(--accent-border);color:var(--ok)}.act.rest.active{background:var(--grace-dim);border-color:var(--grace);color:var(--grace)}.act.skip.active{background:var(--miss-dim);border-color:var(--miss);color:var(--miss)}.act.start{background:var(--accent);color:var(--accent-ink);border-color:transparent}.act.stop{background:var(--grace);color:var(--grace-ink);border-color:transparent}.actions{display:flex;gap:var(--s-2)}button.link{background:none;border:none;box-shadow:none;color:var(--muted);padding:var(--s-1) var(--s-2);min-height:auto;font-size:var(--t-small);font-weight:var(--w-regular);text-decoration:underline;text-underline-offset:3px}button.link:hover{filter:none;color:var(--text)}button.link.danger{color:var(--miss)}.link.subtle{color:var(--muted);font-size:var(--t-small);align-self:flex-start}.icon-btn{background:none;border:none;box-shadow:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);margin:calc(var(--s-2) * -1) calc(var(--s-1) * -1);padding:0;border-radius:var(--r-2)}.icon-btn:hover{filter:none;background:var(--panel-3);color:var(--text)}.icon-btn.danger:hover{color:var(--miss);background:var(--miss-dim)}.theme-btn,.avatar-btn{background:none;border:none;box-shadow:none;padding:0;flex:none;border-radius:50%;width:var(--tap);height:var(--tap);display:grid;place-items:center;color:var(--muted);cursor:pointer;transition:color var(--d-1),background var(--d-1)}.theme-btn:hover{color:var(--text);background:var(--panel-2);filter:none;transform:none}.avatar-btn:hover{filter:none}.avatar-btn.on .header-avatar{border-color:var(--border-strong);box-shadow:none}.seg{display:flex;gap:var(--s-1)}.seg button{flex:1;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:var(--t-small);font-weight:var(--w-medium);padding:var(--s-3) var(--s-1);box-shadow:none}.seg button.on{background:var(--panel-3);color:var(--text);border-color:var(--border-strong);font-weight:var(--w-semibold)}.seg.small button{padding:var(--s-1) var(--s-3);font-size:var(--t-caption);min-height:32px}.days{display:flex;gap:var(--s-1)}.day{flex:1;padding:var(--s-3) 0;min-height:var(--tap);background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:var(--t-small);font-weight:var(--w-medium);box-shadow:none}.day.on{background:var(--ok-dim);color:var(--ok);border-color:var(--accent-border)}.badge,.feed-badge,.hist-chip,.guide-badge,.test-chip{border-radius:var(--r-pill);font-size:var(--t-caption);font-weight:var(--w-medium);white-space:nowrap}.badge{background:var(--panel-2);color:var(--muted);padding:var(--s-1) var(--s-3);border:1px solid var(--border)}.toggle{flex:none;width:46px;height:28px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--panel-2);position:relative;cursor:pointer;padding:0;min-height:auto;box-shadow:none;transition:background var(--d-2),border-color var(--d-2)}.toggle .knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--muted);transition:transform var(--d-2) var(--e-out),background var(--d-2)}.toggle.on{background:var(--ok);border-color:transparent}.toggle.on .knob{transform:translate(18px);background:var(--accent-ink)}.toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.add-btn{background:none;border:1px dashed var(--border-strong);color:var(--muted);border-radius:var(--r-3);padding:var(--s-4);font-weight:var(--w-medium);box-shadow:none}.add-btn:hover{border-color:var(--accent-border);color:var(--accent);filter:none;background:var(--accent-ghost)}.add-btn.small{padding:var(--s-3);font-size:var(--t-small)}.hlist{display:flex;flex-direction:column;gap:0}.hlist .cat-header{margin:var(--s-5) var(--s-2) var(--s-2)}.hcard{background:var(--panel);border:1px solid var(--border);border-top-color:var(--hairline);border-radius:0;box-shadow:var(--shadow-0);overflow:hidden;transition:background var(--d-1)}.hlist>.hcard:first-child,.cat-header+.hcard{border-top-color:var(--border);border-top-left-radius:var(--r-3);border-top-right-radius:var(--r-3)}.hlist>.hcard:last-child,.hcard:has(+.cat-header){border-bottom-left-radius:var(--r-3);border-bottom-right-radius:var(--r-3)}.hcard:hover{border-color:var(--border);background:var(--panel-3)}.hcard:has(.hdetail){border-color:var(--border);box-shadow:var(--shadow-1)}.hrow{position:relative;display:flex;align-items:center;gap:var(--s-3);min-height:var(--row-h);padding:var(--s-2) var(--s-3)}.hfill{position:absolute;inset:0 auto 0 0;width:0%;pointer-events:none;background:var(--accent-ghost);border-right:2px solid var(--accent-border);transition:width var(--d-3) var(--e-out)}.f-ok .hfill{background:var(--accent-ghost);border-right-color:var(--accent-border)}.f-warn .hfill{background:var(--grace-dim);border-right-color:var(--grace)}.f-bad .hfill{background:var(--miss-dim);border-right-color:var(--miss)}.hfill[style*="width: 0%"]{border-right-width:0}.hrow-main{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-3);background:none;border:none;box-shadow:none;border-radius:0;padding:var(--s-1) 0;min-height:auto;color:var(--text);text-align:left;font-weight:var(--w-regular)}.hrow-main:hover{filter:none}.hrow-main:active{transform:none}.hrow-emoji{width:32px;height:32px;flex:none;border-radius:var(--r-2);background:var(--panel-2);border:1px solid var(--hairline);display:grid;place-items:center;font-size:var(--t-body);transition:background var(--d-2),border-color var(--d-2)}.hrow-emoji.limit{background:var(--panel-2);border-color:var(--hairline)}.hrow-text{min-width:0;display:flex;flex-direction:column;gap:1px}.hrow-name{display:block;font-size:var(--t-body);font-weight:var(--w-semibold);letter-spacing:var(--ls-snug);line-height:var(--lh-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrow-sub{display:block;font-size:var(--t-small);color:var(--text-2);line-height:var(--lh-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrow-ctrl{position:relative;flex:none;display:flex;align-items:center;gap:var(--s-3)}.hcount{min-width:var(--col-count);text-align:right;font-family:var(--font-num);font-size:var(--t-small);font-weight:var(--w-semibold);color:var(--muted);white-space:nowrap;transition:color var(--d-2)}.hcount.ok,.hcount.run{color:var(--ok)}.hcount.over{color:var(--miss)}.ck{width:var(--tap);height:var(--tap);flex:none;min-height:var(--tap);padding:0;border:none;background:none;box-shadow:none;display:grid;place-items:center;border-radius:50%;color:var(--muted);font-size:var(--t-small);font-weight:var(--w-bold);position:relative;transition:color var(--d-1)}.ck:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--panel-2);transition:background var(--d-2) var(--e-out),border-color var(--d-2),transform var(--d-2) var(--e-spring)}.ck>*,.ck{z-index:0}.ck:before{z-index:-1}.ck:hover:before{border-color:var(--muted)}.ck:active:before{transform:scale(.9)}.ck.on{color:var(--accent-ink)}.ck.on:before{background:var(--accent);border-color:transparent;animation:ck-land var(--d-3) var(--e-spring)}.ck.rest{color:var(--grace)}.ck.rest:before{background:var(--grace-dim);border-color:var(--grace)}.ck.skip{color:var(--miss)}.ck.skip:before{background:var(--miss-dim);border-color:var(--miss)}.ck.play,.ck.plus{color:var(--text);font-size:var(--t-lead)}.ck.play:before,.ck.plus:before{background:var(--panel-3);border-color:var(--border-strong)}.ck.play:hover,.ck.plus:hover{color:var(--accent)}.ck.stop{color:var(--grace-ink)}.ck.stop:before{background:var(--grace);border-color:transparent}.ck.plus1{color:var(--miss);font-size:var(--t-caption)}.ck.plus1:before{background:var(--miss-dim);border-color:var(--miss)}@keyframes ck-land{0%{transform:scale(.68)}55%{transform:scale(1.14)}to{transform:scale(1)}}.hcard.is-done .hrow-name{color:var(--text-2);font-weight:var(--w-medium)}.hcard.is-done .hrow-emoji{background:var(--accent-ghost);border-color:var(--accent-border)}.hcard.is-done .hfill{width:0!important;border-right-width:0}.hcard.is-over .hcount{color:var(--miss);font-weight:var(--w-bold)}.hcard.is-over .hrow-sub{color:var(--miss)}.hcard.is-off .hrow-name{color:var(--muted);font-weight:var(--w-medium)}.hcard.is-off .hrow-sub{color:var(--text-faint)}.hcard.is-off .hrow-emoji{background:transparent;border-color:var(--hairline);opacity:.65}.hcard.is-off .hcount{color:var(--text-faint)}.scrub-bubble{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;background:var(--text);color:var(--bg);font-weight:var(--w-bold);font-size:var(--t-caption);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);white-space:nowrap;box-shadow:var(--shadow-1);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.hrow-ctrl.is-scrubbing{visibility:hidden}.hdetail{border-top:1px solid var(--hairline);padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-3);background:var(--panel-2)}.hdetail .act{padding:var(--s-2) var(--s-3);font-size:var(--t-small);min-height:38px}.hdetail .week .cell{padding:var(--s-2) 0}.hdetail .cell.selcell{outline:2px solid var(--focus-color);outline-offset:-2px}.week{display:flex;gap:var(--s-1)}.cell{flex:1;text-align:center;padding:var(--s-2) 0;border-radius:var(--r-1);font-size:var(--t-micro);font-weight:var(--w-medium);background:var(--panel-2);color:var(--muted);border:1px solid transparent;transition:background var(--d-1),color var(--d-1)}.cell.ok{background:var(--ok-dim);color:var(--ok);border-color:var(--accent-border)}.cell.partial{background:var(--grace-dim);color:var(--grace);border-color:var(--grace)}.cell.miss{background:var(--miss-dim);color:var(--miss)}.cell.open{border-style:dashed;border-color:var(--border-strong);background:none}.cell.dim{background:none;color:var(--text-faint)}.dots{display:flex;gap:var(--s-2);align-items:center}.dot{width:22px;height:22px;border-radius:50%;background:var(--panel-2);border:1.5px solid var(--border);transition:background var(--d-2) var(--e-out),border-color var(--d-2)}.dot.full{background:var(--ok);border-color:transparent;animation:ck-land var(--d-3) var(--e-spring)}.dots .label{color:var(--muted);font-size:var(--t-small);margin-left:var(--s-1)}.limit-line{display:flex;align-items:center;gap:var(--s-3);justify-content:space-between}.limit-used{font-size:var(--t-body);font-weight:var(--w-semibold)}.limit-used.over{color:var(--miss);font-weight:var(--w-bold)}.limit-used.ok{color:var(--ok)}.streak{font-size:var(--t-title);font-weight:var(--w-bold);color:var(--text);white-space:nowrap}.streak small{font-size:var(--t-caption);color:var(--muted);font-weight:var(--w-medium);margin-left:var(--s-1)}.streak.clean{color:var(--text)}.emoji-chip{width:44px;height:44px;flex:none;border-radius:var(--r-2);background:var(--panel-2);border:1px solid var(--hairline);display:grid;place-items:center;font-size:var(--t-lead)}.emoji-chip.limit{background:var(--panel-2);border-color:var(--hairline)}.habit-title{display:flex;align-items:center;gap:var(--s-3);min-width:0}.habit-name{font-size:var(--t-lead);font-weight:var(--w-semibold);letter-spacing:var(--ls-snug)}.kind-tag{display:block;font-family:var(--font-ui);font-size:var(--t-caption);color:var(--muted);font-weight:var(--w-regular);margin-top:2px}.nn-star{color:var(--grace);flex:none;margin-right:var(--s-1);vertical-align:-1px}.hrow-name .nn-star{display:inline-block}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-8) var(--s-4);border:none;background:none}.empty-state .empty-title{font-family:var(--font-num);font-size:var(--t-display);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);color:var(--text)}.empty-state .hint{max-width:28ch;font-size:var(--t-body)}.empty-state button{margin-top:var(--s-3)}.empty-stakes{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-4);text-align:left;max-width:520px;margin-inline:auto;padding:var(--s-5);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-1)}.empty-stakes .empty-eyebrow{font-size:var(--t-micro);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--muted)}.empty-stakes .empty-title{font-family:var(--font-num);font-size:var(--t-title);font-weight:var(--w-bold);letter-spacing:var(--ls-snug);line-height:var(--lh-snug);color:var(--text);margin-top:calc(var(--s-2) * -1)}.empty-steps{display:flex;flex-direction:column;gap:var(--s-3)}.empty-step{display:flex;gap:var(--s-3);align-items:flex-start}.empty-step-n{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--panel-2);display:grid;place-items:center;font-family:var(--font-num);font-size:var(--t-micro);font-weight:var(--w-bold);color:var(--text-2);margin-top:1px}.empty-step p{font-size:var(--t-body);line-height:var(--lh-normal);color:var(--text-2)}.empty-note{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-2);font-size:var(--t-small);line-height:var(--lh-normal);color:var(--muted)}.empty-note:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--grace);margin-top:7px}.empty-actions{display:flex;gap:var(--s-3)}.empty-actions>*{flex:1}@media(min-width:744px){.empty-stakes{padding:var(--s-6);gap:var(--s-5)}.empty-stakes .empty-title{font-size:var(--t-display);letter-spacing:var(--ls-tight)}}.auth-wrap{text-align:center;padding-top:clamp(var(--s-4),8vh,12vh);padding-bottom:var(--s-7)}@media(max-height:760px){.auth-wrap{padding-top:var(--s-4)}.auth-wrap .tagline{margin:var(--s-2) 0 var(--s-4)}}.logo,.tour-logo{font-family:var(--font-num);font-size:var(--t-hero);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);color:var(--text);background:none;-webkit-background-clip:initial;background-clip:initial}.logo .logo-dot{color:var(--accent)}.tour-logo{font-size:var(--t-title);align-self:center}.tagline{color:var(--text-2);margin:var(--s-3) 0 var(--s-6);font-size:var(--t-body)}.auth-form{display:flex;flex-direction:column;gap:var(--s-3);max-width:340px;margin:0 auto}.auth-divider{display:flex;align-items:center;gap:var(--s-3);color:var(--muted);font-size:var(--t-small);margin:var(--s-1) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-2)}.auth-banner{background:var(--ok-dim);color:var(--ok);border:1px solid var(--accent-border);border-radius:var(--r-2);padding:var(--s-3);font-size:var(--t-small);font-weight:var(--w-semibold);max-width:460px;margin:0 auto var(--s-4)}.hmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:var(--s-6) var(--s-4) var(--s-4);overflow-y:auto}@supports (backdrop-filter: blur(1px)){.hmodal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.hmodal-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-4);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);box-shadow:var(--shadow-2);animation:hmodal-in var(--d-2) var(--e-out)}@keyframes hmodal-in{0%{transform:translateY(12px) scale(.985);opacity:0}to{transform:none;opacity:1}}.hmodal-head{display:flex;align-items:center;gap:var(--s-3)}.hmodal-title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hmodal-title .hrow-name{font-size:var(--t-lead)}.hrow-emoji.big{width:48px;height:48px;font-size:var(--t-title);border-radius:var(--r-2)}.close-x{font-size:var(--t-lead);padding:var(--s-2);text-decoration:none}.hmodal-ring{position:relative;align-self:center;margin:var(--s-1) 0;color:var(--ok)}.hmodal-panel.f-warn .hmodal-ring{color:var(--grace)}.hmodal-panel.f-bad .hmodal-ring{color:var(--miss)}.hmodal-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:var(--t-lead);font-weight:var(--w-bold)}.exact-add{display:flex;flex-direction:column;gap:var(--s-2);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-3)}.exact-add .row{display:flex;gap:var(--s-2);align-items:center}.exact-add button{min-width:48px;font-weight:var(--w-bold);font-size:var(--t-lead)}.exact-add button.on{border-color:var(--accent-border);color:var(--accent);background:var(--ok-dim)}.exact-add input{flex:1;min-width:0}.card-foot{display:flex;justify-content:space-between;align-items:center}.note-link{text-align:left;align-self:flex-start}.edit-form,.add-form,.support-form,.account-form{display:flex;flex-direction:column;gap:var(--s-3)}.account-form{flex-direction:row}.add-form .row{display:flex;gap:var(--s-2);align-items:center}.emoji-in{width:64px;text-align:center;flex:none}.unit-in{width:96px;flex:none}.grace,.inline-label{display:flex;gap:var(--s-3);align-items:center;color:var(--muted);font-size:var(--t-small);flex-wrap:wrap}.grace select,.inline-label select,.inline-label input{width:auto}.inline-label input[type=number]{width:80px}.field{display:flex;flex-direction:column;gap:var(--s-1);flex:1 1 0;min-width:0}.field>input,.field>select{width:100%}.fhint{color:var(--muted);font-size:var(--t-caption);line-height:var(--lh-snug)}.grace-note{text-align:left;font-size:var(--t-small);line-height:var(--lh-normal);color:var(--text-2);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-3)}.history{display:flex;flex-direction:column;gap:var(--s-4)}.heatmap-year{display:flex;gap:2px;width:100%}.heatmap-year .hm-col{flex:1;min-width:0}.heatmap-year .hm{width:100%;aspect-ratio:1;height:auto;border-radius:2px;cursor:default}.hm-col{display:flex;flex-direction:column;gap:2px}.hm{width:18px;height:18px;border-radius:var(--r-1);border:none;padding:0;min-height:auto;background:var(--panel-2);box-shadow:none}.hm.kept{background:var(--ok)}.hm.rest{background:var(--grace)}.hm.skip{background:var(--miss)}.hm.miss{background:var(--miss-dim)}.hm.partial{background:var(--grace-dim)}.hm.open{background:var(--panel-2);border:1px dashed var(--border-strong)}.hm.off{background:var(--panel-2);opacity:.45}.hm.future,.hm.before{background:transparent;border:1px solid var(--hairline)}.hm.before{opacity:.6}.hm.pad{background:transparent;border:none}.hm.selected{outline:2px solid var(--focus-color);outline-offset:1px}.year-nav{display:flex;align-items:center;justify-content:center;gap:var(--s-2)}.year-nav .wnav{width:36px;height:36px;font-size:var(--t-lead)}.year-label{font-size:var(--t-lead);font-weight:var(--w-bold);min-width:72px;text-align:center}.legend{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;font-size:var(--t-caption);color:var(--muted)}.legend .hm{width:12px;height:12px}.hist-chips{display:flex;gap:var(--s-2);overflow-x:auto;padding-bottom:var(--s-1);scrollbar-width:none}.hist-chips::-webkit-scrollbar{display:none}.hist-chip{flex:none;display:inline-flex;align-items:center;gap:var(--s-2);background:var(--panel-2);border:1px solid var(--border);color:var(--muted);padding:var(--s-2) var(--s-3);font-weight:var(--w-medium);box-shadow:none;min-height:40px}.hist-chip:hover{filter:none;color:var(--text);background:var(--panel-3)}.hist-chip.on{background:var(--panel-3);border-color:var(--border-strong);color:var(--text);font-weight:var(--w-semibold)}.hc-emoji{font-size:var(--t-body)}.hc-name{max-width:130px;overflow:hidden;text-overflow:ellipsis}.hist-streak{color:var(--text);font-weight:var(--w-bold);font-size:var(--t-small)}.hist-sum{display:flex;align-items:baseline;gap:var(--s-4);color:var(--muted);font-size:var(--t-small)}.hist-sum strong{color:var(--text);font-size:var(--t-body)}.hist-rate{margin-left:auto}.hist-rate strong{color:var(--ok)}.day-editor{border-top:1px solid var(--hairline);padding-top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-3)}.day-editor-head{display:flex;justify-content:space-between;align-items:center}.bulk-bar{display:flex;gap:var(--s-2);align-items:center;border-top:1px solid var(--hairline);padding-top:var(--s-3);flex-wrap:wrap}.bulk-bar .count{font-size:var(--t-small);color:var(--muted);flex:none}.stats{display:flex;flex-direction:column;gap:var(--s-4)}.streak-pair{display:flex;gap:var(--s-4);white-space:nowrap;align-items:baseline}.streak-pair .best{color:var(--muted);font-size:var(--t-body)}.stat-row{display:grid;grid-template-columns:96px 1fr 112px;gap:var(--s-3);align-items:center}.stat-label{color:var(--muted);font-size:var(--t-small)}.bar{height:8px;background:var(--panel-2);border-radius:var(--r-pill);overflow:hidden}.fill{height:100%;background:var(--accent);border-radius:var(--r-pill);transition:width var(--d-3) var(--e-out)}.stat-val{font-size:var(--t-small);text-align:right;font-weight:var(--w-semibold)}.stat-val em{color:var(--muted);font-style:normal;font-size:var(--t-caption);font-weight:var(--w-regular)}.trend-wrap{display:flex;flex-direction:column;gap:var(--s-2)}.trend{display:flex;gap:var(--s-2);align-items:flex-end}.trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-1)}.trend-bar{width:100%;height:48px;background:var(--panel-2);border-radius:var(--r-1);display:flex;align-items:flex-end;overflow:hidden}.trend-fill{width:100%;background:var(--accent);border-radius:var(--r-1) var(--r-1) 0 0;transition:height var(--d-3) var(--e-out)}.trend-label{font-size:var(--t-micro);color:var(--muted);text-transform:capitalize}.goals{display:flex;flex-direction:column;gap:var(--s-4)}.goal-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-2)}.goal-nums{color:var(--text);font-size:var(--t-lead);font-weight:var(--w-bold);white-space:nowrap}.goal-nums em{font-style:normal;color:var(--muted);font-size:var(--t-small);font-weight:var(--w-medium)}.goal-bar{height:10px;background:var(--panel-2);border-radius:var(--r-pill);overflow:hidden;position:relative}.goal-fill{height:100%;background:var(--accent);border-radius:var(--r-pill);transition:width var(--d-3) var(--e-out)}.goal-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text-faint);border-radius:2px}.pace{font-size:var(--t-small);color:var(--muted)}.pace.ahead{color:var(--ok)}.pace.behind{color:var(--grace)}.pace.done{color:var(--ok);font-weight:var(--w-semibold)}.goal-foot{display:flex;justify-content:space-between;align-items:center}.goal-step{min-width:56px;min-height:var(--tap);padding:var(--s-2) var(--s-4);font-size:var(--t-body);flex:none}.friends,.partners{display:flex;flex-direction:column;gap:var(--s-3)}.friends h2,.partners h2{font-size:var(--t-lead)}.feed-list{display:flex;flex-direction:column;gap:var(--s-2)}.feed-card{display:flex;align-items:center;gap:var(--s-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-3) var(--s-4);position:relative;transition:border-color var(--d-1),background var(--d-1)}.feed-card:hover{border-color:var(--border-strong);background:var(--panel-3)}.feed-avatar{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);color:var(--text-2);font-weight:var(--w-semibold);font-size:var(--t-body);overflow:hidden}.feed-avatar.big{width:64px;height:64px;font-size:var(--t-title);margin:0 auto}.feed-avatar img{width:100%;height:100%;object-fit:cover}.feed-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.feed-name-row{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.feed-name{font-size:var(--t-body);font-weight:var(--w-semibold);letter-spacing:var(--ls-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-badge{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);padding:2px var(--s-2)}.feed-badge.partner{background:var(--grace-dim);color:var(--grace);border-color:var(--grace)}.feed-handle,.feed-locked{color:var(--muted);font-size:var(--t-caption)}.friend-note{font-size:var(--t-small)}.feed-stats{display:flex;align-items:baseline;gap:var(--s-3);color:var(--muted);font-size:var(--t-small)}.feed-streak{font-weight:var(--w-bold);color:var(--text)}.feed-updated{font-size:var(--t-caption)}.feed-ring,.feed-action{flex:none}.feed-action{display:flex;align-items:center;gap:var(--s-2)}.feed-remove{position:absolute;top:var(--s-2);right:var(--s-2);background:none;border:none;box-shadow:none;color:var(--muted);font-size:var(--t-body);line-height:1;cursor:pointer;padding:var(--s-1);min-height:auto}.feed-remove:hover{color:var(--text);filter:none}.partner-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-3) var(--s-4);gap:var(--s-2);flex-wrap:wrap;box-shadow:var(--shadow-0)}.partner-actions{display:flex;align-items:center;gap:var(--s-2)}.user-search{width:100%}.fbtn{background:var(--panel-2);color:var(--muted);box-shadow:none;padding:var(--s-2) var(--s-3);font-size:var(--t-small);font-weight:var(--w-semibold);border:1px solid var(--border);min-height:38px}.fbtn:hover{filter:none;color:var(--text);background:var(--panel-3)}.fbtn.on{background:var(--panel-3);border-color:var(--border-strong);color:var(--text)}.fbtn.ghost{background:transparent}.fbtn.ghost:hover{border-color:var(--accent-border);color:var(--accent)}.filter-row{display:flex;gap:var(--s-2);flex-wrap:wrap}.load-more{align-self:center}.public-card-wrap{max-width:460px;margin:var(--s-4) auto 0;width:100%}.sec-head{display:flex;align-items:center;gap:var(--s-3)}.sec-head h2{flex:1;font-size:var(--t-lead)}.link-card{text-align:left;gap:var(--s-2)}.invite-line{width:100%;display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.invite-url{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--t-small);color:var(--text-2);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-1);padding:var(--s-1) var(--s-2);-webkit-user-select:all;user-select:all}.invite-head{font-size:var(--t-title);letter-spacing:var(--ls-snug);margin:var(--s-4) auto var(--s-2);max-width:480px;line-height:var(--lh-snug)}.invite-card{max-width:460px;margin:var(--s-4) auto 0;text-align:left;display:flex;flex-direction:column;gap:var(--s-3)}.invite-guide{margin:0 0 2px var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--t-small);color:var(--muted);line-height:var(--lh-normal)}.guide-toggle{text-align:left;font-size:var(--t-small)}.guide-list{display:flex;flex-direction:column;gap:var(--s-2)}.guide-item{text-align:left;justify-content:flex-start}.todos{display:flex;flex-direction:column;gap:var(--s-4)}.todo-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-1) 0;min-height:var(--tap)}.todo-row.is-guide{background:var(--accent-ghost);border-radius:var(--r-2);padding:var(--s-2);margin:0 calc(var(--s-2) * -1)}.todo-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--s-1);align-items:flex-start}.todo-title{font-size:var(--t-body);line-height:var(--lh-snug);color:var(--text)}.todo-title.done{color:var(--muted);text-decoration:line-through}.todo-title.as-button{background:none;border:none;box-shadow:none;padding:0;min-height:auto;font:inherit;font-size:var(--t-body);text-align:left;cursor:pointer}.todo-title.as-button:hover{filter:none;color:var(--accent)}.todo-check{width:26px;height:26px;flex:none;border-radius:var(--r-1);border:1.5px solid var(--border-strong);background:var(--panel-2);color:var(--accent-ink);font-size:var(--t-small);font-weight:var(--w-bold);padding:0;min-height:auto;box-shadow:none;display:grid;place-items:center;transition:background var(--d-2) var(--e-out),border-color var(--d-2)}.todo-check.done{background:var(--accent);border-color:transparent;animation:ck-land var(--d-3) var(--e-spring)}.todo-actions{flex:none;display:flex;align-items:center;gap:var(--s-1)}.todo-remind,.todo-day{position:relative;display:inline-flex;align-items:center;gap:var(--s-1);border:1px solid var(--border);border-radius:var(--r-1);padding:var(--s-2);color:var(--muted);white-space:nowrap;transition:color var(--d-1),border-color var(--d-1),background var(--d-1)}.todo-remind.on{color:var(--accent);border-color:var(--accent-border);background:var(--ok-dim)}.todo-remind:hover,.todo-day:hover{color:var(--text);background:var(--panel-3)}.todo-remind-val{font-size:var(--t-caption);font-weight:var(--w-semibold)}.todo-day{border-radius:var(--r-pill);padding:2px var(--s-2);font-size:var(--t-caption);font-weight:var(--w-semibold);color:var(--text-2)}.todo-remind select,.todo-day select{position:absolute;inset:calc(var(--s-2) * -1);width:auto;height:auto;min-height:var(--tap);opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;font-size:16px}.todo-remind:focus-within,.todo-day:focus-within{outline:2px solid var(--focus-color);outline-offset:2px}.guide-badge{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;background:none;border:1px solid var(--border-strong);color:var(--muted);padding:3px var(--s-2);box-shadow:none;cursor:pointer;min-height:auto}.guide-badge:hover{filter:none;background:var(--panel-3);color:var(--text)}.card.sect{padding:0;gap:0;overflow:hidden}.sect-head{display:flex;align-items:center;gap:var(--s-3);width:100%;background:none;border:none;box-shadow:none;border-radius:0;padding:var(--s-4);text-align:left;cursor:pointer;color:var(--text);min-height:56px}.sect-head:hover{filter:none;background:var(--panel-3)}.sect-summary{color:var(--muted);font-size:var(--t-small);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sect-chev{color:var(--muted);display:grid;place-items:center;transition:transform var(--d-2) var(--e-out)}.sect-chev.open{transform:rotate(90deg)}.sect-body{display:flex;flex-direction:column;gap:var(--s-4);padding:0 var(--s-4) var(--s-4);animation:sect-in var(--d-2) var(--e-out)}@keyframes sect-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sect-body h3{font-size:var(--t-body)}.sect-body .row{align-items:flex-end}.card.ident{gap:var(--s-3)}.ident-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ident-handle{color:var(--text-2);font-size:var(--t-small);font-weight:var(--w-semibold)}.ident-row{align-items:center;justify-content:space-between}.ident-prov{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-body);color:var(--text)}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.avatar.placeholder{display:grid;place-items:center;background:var(--panel-2);font-size:var(--t-lead);color:var(--text-2)}.header-avatar{width:32px;height:32px;flex:none}.header-avatar.placeholder{font-size:var(--t-small)}.avatar-row{padding-bottom:var(--s-1)}.upload-label{color:var(--muted);font-size:var(--t-small);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.onb-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.onb-avatar .avatar{width:64px;height:64px;font-size:var(--t-title)}.backdate summary{color:var(--muted);font-size:var(--t-small);cursor:pointer}.backdate input[type=date]{width:auto}.section-divider{border:none;border-top:1px solid var(--border);margin:var(--s-5) 0 var(--s-1)}.pro-card{border-color:var(--accent-border)}.pro-plans{font-weight:var(--w-bold);font-size:var(--t-body)}.pro-card .badge{align-self:flex-start}.loc-picker{display:flex;flex-direction:column;gap:var(--s-2)}.combo{position:relative}.combo-list{position:absolute;top:calc(100% + var(--s-1));left:0;right:0;z-index:30;max-height:230px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-2)}.combo-item{display:block;width:100%;text-align:left;padding:var(--s-3);background:none;border:none;box-shadow:none;border-radius:0;color:var(--text);font-size:var(--t-body);cursor:pointer;min-height:var(--tap)}.combo-item:hover{background:var(--panel-3);filter:none}.loc-grid{display:grid;grid-template-columns:1fr;gap:var(--s-4)}.danger-zone{border-color:var(--miss-dim)}.danger-zone .section-title{color:var(--miss)}.btn-danger,.danger-btn{background:var(--miss-dim);border:1px solid var(--miss);color:var(--miss);font-weight:var(--w-semibold);box-shadow:none}.btn-danger:hover:not(:disabled),.danger-btn:hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--miss) 18%,transparent)}.merge-title{text-align:center;font-size:var(--t-title);margin-top:var(--s-2)}.merge-hint{max-width:360px;margin:var(--s-2) auto var(--s-4);text-align:center}.merge-card{max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-3)}.merge-counts{font-weight:var(--w-bold)}.merge-offer{margin-top:var(--s-2);display:flex;flex-direction:column;gap:var(--s-2);border-color:var(--grace)}.spot-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:68;background:#000000a8}.spot-hole{position:fixed;z-index:68;border-radius:var(--r-3);box-shadow:0 0 0 9999px #000000a8;outline:2px solid var(--accent);outline-offset:3px;pointer-events:none;transition:all var(--d-2) var(--e-out)}.spot-catch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:69;background:transparent}.spot-tip,.tour-card{position:fixed;left:50%;transform:translate(-50%);z-index:70;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-4);box-shadow:var(--shadow-2);max-width:380px;width:calc(100% - var(--s-6));padding:var(--s-5);text-align:center;display:flex;flex-direction:column;gap:var(--s-3)}.tour-card{position:static;transform:none;max-width:380px;width:100%}.spot-tip h2,.tour-card h2{font-size:var(--t-lead);letter-spacing:var(--ls-snug)}.spot-tip p,.tour-card p{color:var(--text-2);font-size:var(--t-small);line-height:var(--lh-normal)}.tour-svg{color:var(--accent);align-self:center;display:flex}.tour-dots{display:flex;gap:var(--s-2);justify-content:center}.tdot{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.tdot.on{background:var(--text)}.tour-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s-1)}.tour-nav .act{padding:var(--s-2) var(--s-3);font-size:var(--t-small);flex:none}.admin{display:flex;flex-direction:column;gap:var(--s-4)}.admin>.card-head h2{font-size:var(--t-title)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-0);padding:var(--s-4);display:flex;flex-direction:column;gap:2px}.stat-card .num{font-size:var(--t-display);font-weight:var(--w-bold);letter-spacing:var(--ls-tight)}.stat-card .num.bad{color:var(--miss)}.stat-card .lbl{color:var(--muted);font-size:var(--t-small)}.src-list{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-3)}.src-row{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-small)}.src-name{width:110px;flex:none;color:var(--text-2)}.src-bar{flex:1;height:8px;background:var(--panel-2);border-radius:var(--r-pill);overflow:hidden;display:block}.src-fill{display:block;height:100%;background:var(--accent);border-radius:var(--r-pill)}.src-num{width:44px;text-align:right;font-weight:var(--w-semibold)}.admin-table-wrap{overflow-x:auto;margin-top:var(--s-3)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--t-small)}.admin-table th{text-align:left;color:var(--muted);font-weight:var(--w-semibold);padding:var(--s-2);border-bottom:1px solid var(--border);white-space:nowrap;font-size:var(--t-micro);text-transform:uppercase;letter-spacing:var(--ls-wide)}.admin-table td{padding:var(--s-2);border-bottom:1px solid var(--hairline);white-space:nowrap}.admin-table td.empty{text-align:center;color:var(--muted);padding:var(--s-5) var(--s-2)}.admin-pager{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);margin-top:var(--s-3)}.admin-entry h3{font-size:var(--t-body)}.admin-toggle{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-small);color:var(--muted)}.day-chart{display:flex;gap:2px;align-items:flex-end;height:96px;margin-top:var(--s-3);padding-bottom:var(--s-4);position:relative}.day-col{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.day-bar{display:block;width:100%;min-height:2px;background:var(--accent);border-radius:var(--r-1) var(--r-1) 0 0}.day-col .day-bar[style*="height: 0%"]{background:var(--panel-2)}.day-num{font-size:var(--t-micro);color:var(--text-2);font-weight:var(--w-semibold);margin-bottom:2px}.day-lbl{position:absolute;bottom:calc(var(--s-4) * -1);left:50%;transform:translate(-50%);font-size:var(--t-micro);color:var(--muted);white-space:nowrap}.test-chip{box-shadow:none;min-width:var(--tap)}.test-chip.on{background:var(--grace-dim);color:var(--grace);font-weight:var(--w-bold)}.row-test td{opacity:.55}.err-list{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-3)}.err-row{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-3)}.err-row.fatal{border-color:var(--miss)}.err-row.slim{padding:var(--s-2) var(--s-3)}.err-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.err-ctx{font-size:var(--t-caption);font-weight:var(--w-bold);color:var(--text-2)}.err-n{font-size:var(--t-caption);color:var(--muted);white-space:nowrap}.err-msg{font-size:var(--t-small);margin-top:var(--s-1);word-break:break-word;font-family:ui-monospace,monospace}.crash-card{max-width:420px;display:flex;flex-direction:column;gap:var(--s-3);text-align:center}.crash-card .row{justify-content:center}.offline-msg{border-color:var(--grace);color:var(--grace)}.swap-left{align-self:flex-start}.swap-paywall{border-color:var(--accent-border);gap:var(--s-3)}.swap-paywall h3{font-size:var(--t-body)}.measure-block{display:flex;flex-direction:column;gap:var(--s-2)}.journal{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-4)}.journal-head{display:flex;align-items:baseline;justify-content:space-between}.journal-head h3{font-size:var(--t-body)}.nn-toggle{cursor:pointer}.nn-toggle input{width:auto;min-height:auto}@media(hover:hover)and (pointer:fine){:root{--row-h: 48px}.hcard:hover .hrow-name{color:var(--text)}}@media(max-width:1023px){.today-context{display:contents}.today-context>.journal{order:10}}@media(min-width:744px){#root{max-width:var(--w-read);padding:var(--s-5) var(--s-5) var(--s-8)}main{gap:var(--s-5)}header{padding:var(--s-2) 0 var(--s-4)}header .logo{font-size:var(--t-display)}header .today{font-size:var(--t-body)}.hero{padding:var(--s-5);gap:var(--s-5)}.hero-text h2{font-size:var(--t-title)}.hero-text p{font-size:var(--t-body)}.ring-wrap{width:132px;height:132px}.admin-grid{grid-template-columns:repeat(4,1fr);gap:var(--s-3)}.loc-grid{grid-template-columns:1fr 1fr}.goals{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);align-items:start}.goals>.hint.big,.goals>.add-form{grid-column:1 / -1}.feed-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);align-items:start}.hm{width:22px;height:22px}}@media(min-width:1024px){body{min-height:100dvh}.app{padding-left:var(--rail-w)}.bottomnav:before{content:"Pact.";font-family:var(--font-num);font-size:var(--t-title);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);color:var(--text);padding:var(--s-2) var(--s-3) var(--s-5)}header .logo{display:none}header .today{font-size:var(--t-title);font-family:var(--font-num);color:var(--text);letter-spacing:var(--ls-snug)}.bottomnav{position:fixed;top:0;bottom:0;left:0;right:auto;width:var(--rail-w);height:100dvh;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--s-1);padding:var(--s-5) var(--s-3);border-top:none;border-right:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.bnav{flex:none;max-width:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-2);transition:background var(--d-1),color var(--d-1)}.bnav-label{font-size:var(--t-body);letter-spacing:0}.bnav:hover{background:var(--panel-3)}.bnav.on{background:var(--panel-2);color:var(--text)}.bnav.on:before{display:none}#root{max-width:none;width:100%;padding:var(--s-6) var(--gutter) var(--s-7)}main:has(>.today-context){display:grid;grid-template-columns:minmax(0,1fr) var(--ctx-w);grid-template-areas:"list context" "add  context";grid-template-rows:auto auto;align-items:start;gap:var(--s-4) var(--s-6);max-width:var(--w-max);margin-inline:auto;width:100%}.today-context{grid-area:context;display:flex;flex-direction:column;gap:var(--s-4);position:sticky;top:var(--s-6)}.today-context .journal{margin-top:0}.today-context .ring-wrap,.today-context .ring-wrap.sm{width:148px!important;height:148px!important}.today-context .ring-wrap svg{width:100%;height:100%}.today-context .ring-wrap.sm .ring-pct{font-size:var(--t-display)}.today-context .ring-wrap.sm .ring-pct em{font-size:var(--t-small)}.today-context .ring-wrap.sm .ring-emoji{font-size:var(--t-display)}.today-context .ring-wrap{order:-1}.today-context .hero{flex-direction:column;text-align:center;gap:var(--s-4)}.today-context .hero-text{flex:none}main:has(>.today-context)>.hlist{grid-area:list;max-width:var(--w-list)}main:has(>.today-context)>[data-tour=add]{grid-area:add;max-width:var(--w-list)}main:has(>.today-context)>.hint.big{grid-area:list}main:has(>.today-context):has(.empty-stakes){grid-template-columns:minmax(0,1fr);grid-template-areas:"list"}main:has(>.today-context):has(.empty-stakes)>.today-context{display:none}main{max-width:var(--w-max);margin-inline:auto;width:100%}.history{max-width:var(--w-max)}.hist-chips{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}.hist-sum{gap:var(--s-6);font-size:var(--t-body)}.hist-sum strong{font-size:var(--t-lead)}.heatmap-year,.heatmap-year .hm-col{gap:3px}.legend{gap:var(--s-3)}.history>.card{padding:var(--s-5)}.goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--s-4);align-items:start;max-width:var(--w-max)}.goals>.hint.big,.goals>.add-form{grid-column:1 / -1}.goals>.add-form{max-width:620px}.goals>.card{padding:var(--s-5)}.goal-bar{height:12px}.goal-nums{font-size:var(--t-title)}main:has(>.friends){display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s-4) var(--s-6);align-items:start}main:has(>.friends)>.friends{grid-column:1}main:has(>.friends)>.partners{grid-column:2;position:sticky;top:var(--s-6)}main:has(>.friends)>.section-divider{display:none}.feed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s-3);align-items:start}main:has(>.card.sect){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4) var(--s-6);align-items:start}main:has(>.card.sect)>*{grid-column:1 / -1}main:has(>.card.sect)>.card.sect{grid-column:auto}main:has(>.card.sect)>.card.ident{max-width:var(--w-read)}.sect-summary{max-width:55%}.account-form{max-width:480px}.todos{max-width:var(--w-read)}.stats,.admin{max-width:var(--w-max)}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--s-4);align-items:start}.stats>.sec-head,.stats>.cat-header{grid-column:1 / -1}.trend-bar{height:64px}.hm{width:100%}.hmodal{align-items:center;padding:var(--s-6)}.hmodal-panel{max-width:560px}}@media(min-width:1280px){:root{--gutter: var(--s-6);--ctx-w: 380px}#root{padding:var(--s-7) var(--gutter) var(--s-8)}.admin-grid{grid-template-columns:repeat(4,1fr)}.stat-row{grid-template-columns:160px 1fr 120px}.today-context .ring-wrap{width:168px;height:168px}.friends{grid-template-columns:minmax(0,1fr) 360px}}@media(min-width:1600px){:root{--rail-w: 264px}#root{padding-left:var(--s-8);padding-right:var(--s-8)}main,.history,.stats,.admin{max-width:var(--w-max);margin-inline:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.tour-icon{font-size:2.6rem}.invite-row{position:relative}.btn-plus1{background:var(--miss);color:#fff;box-shadow:var(--shadow-1);min-width:86px}.cat-nudge{align-items:center;gap:var(--s-2)}.cat-nudge .src-name{flex:1;min-width:0}.cat-nudge input[type=time]{width:116px;flex:none}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--grace);flex:none;margin-left:-4px;animation:sync-pulse 1.4s ease-in-out infinite}@keyframes sync-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.sync-dot{animation:none;opacity:.8}}.sync-dot.failed{background:var(--miss);animation:none;opacity:1}