:root{color-scheme:light dark;interpolate-size:allow-keywords;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--bg-l: oklch(97.6% .006 95);--bg-d: oklch(16.5% .012 255);--surface-l: oklch(100% 0 0);--surface-d: oklch(21% .014 255);--raised-l: oklch(99% .004 95);--raised-d: oklch(25.5% .016 255);--line-l: oklch(91% .006 95);--line-d: oklch(30% .015 255);--line-strong-l: oklch(80% .008 95);--line-strong-d: oklch(40% .016 255);--text-l: oklch(24% .014 255);--text-d: oklch(95% .005 255);--muted-l: oklch(50% .012 255);--muted-d: oklch(70% .013 255);--faint-l: oklch(65% .01 255);--faint-d: oklch(53% .013 255);--go-l: oklch(52% .15 155);--go-d: oklch(76% .16 155);--caution-l: oklch(58% .14 68);--caution-d: oklch(82% .14 80);--warn-l: oklch(53% .2 25);--warn-d: oklch(70% .18 25);--accent-l: oklch(50% .14 245);--accent-d: oklch(80% .11 215);--bg: light-dark(var(--bg-l), var(--bg-d));--surface: light-dark(var(--surface-l), var(--surface-d));--raised: light-dark(var(--raised-l), var(--raised-d));--line: light-dark(var(--line-l), var(--line-d));--line-strong: light-dark(var(--line-strong-l), var(--line-strong-d));--text: light-dark(var(--text-l), var(--text-d));--muted: light-dark(var(--muted-l), var(--muted-d));--faint: light-dark(var(--faint-l), var(--faint-d));--go: light-dark(var(--go-l), var(--go-d));--caution: light-dark(var(--caution-l), var(--caution-d));--warn: light-dark(var(--warn-l), var(--warn-d));--accent: light-dark(var(--accent-l), var(--accent-d));--on-accent: light-dark(oklch(99% 0 0), oklch(18% .02 255));--tint-go: color-mix(in oklch, var(--go) 14%, transparent);--tint-caution: color-mix(in oklch, var(--caution) 16%, transparent);--tint-warn: color-mix(in oklch, var(--warn) 14%, transparent);--tint-accent: color-mix(in oklch, var(--accent) 14%, transparent);--r-xs: 6px;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-sm: light-dark(0 1px 2px oklch(24% .02 255 / .06), 0 1px 2px oklch(0% 0 0 / .4));--shadow: light-dark(0 4px 16px -6px oklch(24% .02 255 / .16), 0 6px 20px -8px oklch(0% 0 0 / .6));--shadow-lg: light-dark(0 20px 48px -20px oklch(24% .02 255 / .3), 0 24px 60px -24px oklch(0% 0 0 / .7));--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--spring: linear( 0, .03 2%, .13 5%, .42 11%, .79 17%, 1.02 21%, 1.09 24%, 1.11 27%, 1.08 31%, 1.02 36%, .98 42%, .97 47%, .99 57%, 1.01 68%, 1 );--tap: 44px;--shell: 600px;accent-color:var(--accent)}@supports not (color: light-dark(white,black)){:root{--bg: var(--bg-l);--surface: var(--surface-l);--raised: var(--raised-l);--line: var(--line-l);--line-strong: var(--line-strong-l);--text: var(--text-l);--muted: var(--muted-l);--faint: var(--faint-l);--go: var(--go-l);--caution: var(--caution-l);--warn: var(--warn-l);--accent: var(--accent-l)}@media(prefers-color-scheme:dark){:root{--bg: var(--bg-d);--surface: var(--surface-d);--raised: var(--raised-d);--line: var(--line-d);--line-strong: var(--line-strong-d);--text: var(--text-d);--muted: var(--muted-d);--faint: var(--faint-d);--go: var(--go-d);--caution: var(--caution-d);--warn: var(--warn-d);--accent: var(--accent-d)}}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(a){color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.shell{min-height:100%;max-width:var(--shell);margin-inline:auto;padding:0 16px calc(88px + env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top)}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:var(--ease-out)}.screen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:22px 4px 16px}.screen-title{font-size:30px;font-weight:700;letter-spacing:-.022em;line-height:1.1}.screen-sub{color:var(--muted);font-size:13.5px;margin-top:4px}.eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.tabbar{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-width:var(--shell);margin-inline:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in oklch,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-top:1px solid var(--line)}.tab{display:grid;justify-items:center;gap:3px;padding:7px 4px 5px;border-radius:var(--r-sm);color:var(--faint);font-size:10.5px;letter-spacing:.01em;transition:color .16s var(--ease-out),transform .16s var(--ease-out)}.tab svg{width:22px;height:22px}.tab[aria-current=page]{color:var(--accent)}.tab:active{transform:scale(.94)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card+.card{margin-top:12px}.card-pad{padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px}.card-title{font-size:15px;font-weight:640;letter-spacing:-.01em}.stack{display:grid;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.mono{font-family:var(--font-mono)}.item{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 8px 10px 14px;text-align:left;border-radius:var(--r);transition:background-color .16s var(--ease-out)}.item+.item{box-shadow:inset 0 1px 0 var(--line)}.item:active{background:color-mix(in oklch,var(--text) 5%,transparent)}.item-body{flex:1;min-width:0}.item-line{display:flex;align-items:baseline;gap:6px;width:100%}.item-line .leader{flex:1 1 16px}.challenge{flex:1 1 auto;min-width:6ch;font-size:16px;font-weight:560;letter-spacing:-.008em}.leader{flex:0 1 auto;min-width:16px;border-bottom:1px dotted var(--line-strong);opacity:.75}.response{flex:0 1 auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);text-align:right;text-wrap:balance}.item-note{margin-top:3px;font-size:12.5px;color:var(--faint)}.item[data-state=done] .challenge{color:var(--muted)}.item[data-state=done] .response{color:var(--go)}.item[data-state=skipped] .challenge,.item[data-state=na] .challenge{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--line-strong)}.item[data-state=deferred] .response{color:var(--caution)}.item[data-cursor=true]{background:var(--tint-accent)}.mark{position:relative;flex:none;width:26px;height:26px;border-radius:999px;border:1.5px solid var(--line-strong);display:grid;place-items:center;color:transparent;transition:border-color .18s var(--ease-out),background-color .18s var(--ease-out),color .14s var(--ease-out)}.mark svg{width:15px;height:15px}.item[data-critical=true] .mark{border-color:color-mix(in oklch,var(--warn) 60%,var(--line-strong))}.item[data-state=done] .mark{background:var(--go);border-color:var(--go);color:light-dark(white,oklch(18% .02 255));animation:mark-pop .42s var(--spring) both}.item[data-state=skipped] .mark,.item[data-state=na] .mark{border-style:dashed;color:var(--faint)}.item[data-state=deferred] .mark{border-color:var(--caution);background:var(--tint-caution);color:var(--caution)}@keyframes mark-pop{0%{transform:scale(.72)}to{transform:scale(1)}}.item-menu{flex:none;width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--faint);transition:color .14s var(--ease-out),background-color .14s var(--ease-out),transform .14s var(--ease-out)}.item-menu:active{transform:scale(.9);background:color-mix(in oklch,var(--text) 8%,transparent)}.block{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:border-color .22s var(--ease-out),opacity .22s var(--ease-out)}.block+.block{margin-top:12px}.block[data-confirmed=true]{opacity:.68;border-color:color-mix(in oklch,var(--go) 30%,var(--line))}.block-head{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;text-align:left}.block-title{font-size:14px;font-weight:640;letter-spacing:-.005em;flex:1}.block-count{font-family:var(--font-mono);font-size:11.5px;color:var(--faint);letter-spacing:.04em}.block-body{border-top:1px solid var(--line);padding:4px 6px 6px}.block-confirm{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 20px);margin:2px 10px 12px;padding:12px;border-radius:var(--r);background:var(--tint-go);color:var(--go);font-size:14px;font-weight:640;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out)}.block-confirm:active{transform:scale(.98)}.block-confirm[disabled]{background:transparent;color:var(--faint);font-weight:500;font-size:13px}.block-confirm[disabled] svg{display:none}.block-done{display:flex;align-items:center;gap:6px;color:var(--go);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.habit-line{display:flex;align-items:center;gap:10px;margin:2px 8px 8px 30px;padding:9px 10px 9px 12px;border-radius:var(--r);border-left:2px solid var(--accent);background:var(--tint-accent);animation:habit-in .26s var(--ease-out) both}@keyframes habit-in{0%{opacity:0;transform:translateY(-4px)}}.habit-line-body{flex:1;min-width:0;display:grid;gap:1px;justify-items:start}.habit-line-title{font-size:14.5px;font-weight:600;letter-spacing:-.006em}.habit-line-cue{font-size:12px;color:var(--muted);margin-top:1px}.habit-line-tag{font-family:var(--font-mono);font-size:9.5px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.habit-min{flex:none;padding:6px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:560;color:var(--caution);background:var(--tint-caution);transition:transform .15s var(--ease-out)}.habit-min:active{transform:scale(.95)}.closing{margin-top:12px;padding:18px 16px;border-radius:var(--r-lg);border:1px solid color-mix(in oklch,var(--go) 35%,var(--line));background:var(--tint-go);text-align:center}.closing-phrase{font-size:17px;font-weight:620;letter-spacing:-.014em;color:var(--go)}.killers{border:1px solid color-mix(in oklch,var(--warn) 42%,var(--line));background:var(--tint-warn);border-radius:var(--r-lg);padding:13px 16px;margin-bottom:12px}.killers-title{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--warn)}.killers-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.killer-pill{padding:5px 11px;border-radius:999px;background:color-mix(in oklch,var(--surface) 78%,transparent);border:1px solid color-mix(in oklch,var(--warn) 28%,transparent);font-size:13px;font-weight:560}.progress{height:4px;border-radius:999px;background:color-mix(in oklch,var(--text) 10%,transparent);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--go);transition:width .32s var(--ease-out)}.run-bar{position:sticky;top:env(safe-area-inset-top);z-index:20;margin:0 -16px;padding:10px 16px 12px;background:color-mix(in oklch,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:var(--r);font-size:15px;font-weight:620;letter-spacing:-.005em;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),opacity .16s var(--ease-out)}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.45;pointer-events:none}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-go{background:var(--go);color:light-dark(white,oklch(18% .02 255))}.btn-soft{background:color-mix(in oklch,var(--text) 7%,transparent);color:var(--text)}.btn-ghost{color:var(--muted)}.btn-danger{color:var(--warn);background:var(--tint-warn)}.btn-block{width:100%}.btn-sm{min-height:34px;padding:0 12px;font-size:13.5px;border-radius:var(--r-sm)}.sticky-actions{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;gap:8px;margin:16px -16px 0;padding:26px 16px 10px;background:linear-gradient(to top,var(--bg) 58%,transparent)}.sticky-actions .btn-soft{background:var(--surface);border:1px solid var(--line)}.field{display:grid;gap:6px}.field-label{font-size:12.5px;color:var(--muted);font-weight:560}.input,.select,.textarea{width:100%;min-height:var(--tap);padding:10px 13px;background:var(--raised);border:1px solid var(--line);border-radius:var(--r);transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out)}.textarea{min-height:80px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.segment{display:flex;gap:4px;padding:4px;background:color-mix(in oklch,var(--text) 6%,transparent);border-radius:var(--r)}.segment button{flex:1;min-height:36px;padding:0 10px;border-radius:var(--r-sm);font-size:13.5px;font-weight:560;color:var(--muted);transition:background-color .18s var(--ease-out),color .18s var(--ease-out),transform .16s var(--ease-out)}.segment button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segment button:active{transform:scale(.97)}.switch{position:relative;flex:none;width:48px;height:29px;border-radius:999px;background:color-mix(in oklch,var(--text) 16%,transparent);transition:background-color .2s var(--ease-out)}.switch:after{content:"";position:absolute;inset:3px auto 3px 3px;width:23px;border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);transition:translate .22s var(--ease-out)}.switch[aria-checked=true]{background:var(--go)}.switch[aria-checked=true]:after{translate:19px 0}.level{border:1px solid var(--line);border-radius:var(--r);background:var(--raised);overflow:hidden;transition:border-color .2s var(--ease-out)}.level[data-on=true]{border-color:color-mix(in oklch,var(--accent) 35%,var(--line))}.level-head{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left}.level-title{display:block;font-size:15px;font-weight:620;letter-spacing:-.008em}.level-blurb{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}.level-items{padding:0 14px 12px;display:grid;gap:5px;font-size:12.5px;color:var(--faint)}.level-items li{display:flex;gap:7px}.level-items li:before{content:"·";color:var(--accent)}.sheet{width:min(var(--shell),100vw);max-height:82vh;margin:auto auto 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);transition:translate .3s var(--ease-drawer),opacity .22s var(--ease-out),overlay .3s allow-discrete,display .3s allow-discrete;translate:0 0;opacity:1}.sheet:not([open]){translate:0 100%;opacity:0}@starting-style{.sheet[open]{translate:0 100%;opacity:0}}.sheet::backdrop{background:#02060d6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .26s var(--ease-out),overlay .26s allow-discrete,display .26s allow-discrete;opacity:1}.sheet:not([open])::backdrop{opacity:0}@starting-style{.sheet[open]::backdrop{opacity:0}}.sheet-grip{width:38px;height:4px;margin:6px auto 12px;border-radius:999px;background:var(--line-strong)}.sheet-title{font-size:17px;font-weight:660;letter-spacing:-.012em}.sheet-sub{color:var(--muted);font-size:13px;margin-top:2px}.sheet-actions{display:grid;gap:6px;margin-top:14px}.sheet-action{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-radius:var(--r);background:var(--raised);font-size:15px;font-weight:560;text-align:left;transition:transform .15s var(--ease-out),background-color .15s var(--ease-out)}.sheet-action:active{transform:scale(.985)}.sheet-action[data-tone=go]{color:var(--go)}.sheet-action[data-tone=caution]{color:var(--caution)}.sheet-action[data-tone=warn]{color:var(--warn)}.sheet-action-hint{margin-left:auto;font-size:12px;color:var(--faint);font-family:var(--font-mono)}.habit-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 16px 4px;margin:0 -16px;scroll-snap-type:x proximity}.habit-strip::-webkit-scrollbar{display:none}.habit-chip{flex:none;scroll-snap-align:start;width:82px;padding:12px 8px 10px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);display:grid;justify-items:center;gap:6px;transition:transform .18s var(--ease-out),border-color .2s var(--ease-out),background-color .2s var(--ease-out)}.habit-chip:active{transform:scale(.95)}.habit-chip[data-done=true]{border-color:color-mix(in oklch,var(--go) 45%,var(--line));background:var(--tint-go)}.habit-chip[data-kind=minimum]{border-color:color-mix(in oklch,var(--caution) 45%,var(--line));background:var(--tint-caution)}.habit-chip[data-kind=minimum] .habit-name{color:var(--caution)}.habit-emoji{font-size:22px;line-height:1}.habit-name{font-size:11px;line-height:1.2;text-align:center;color:var(--muted)}.streak:empty:before{content:" "}.habit-chip[data-done=true] .habit-name{color:var(--go)}.week-dots{display:flex;gap:3px}.week-dot{width:9px;height:9px;border-radius:3px;background:color-mix(in oklch,var(--text) 12%,transparent)}.week-dot[data-done=true]{background:var(--go)}.week-dot[data-kind=minimum]{background:var(--caution)}.week-dot[data-planned=false]{opacity:.35}.streak{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--caution)}.task{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 6px 8px 14px;text-align:left;border-radius:var(--r)}.task+.task{box-shadow:inset 0 1px 0 var(--line)}.task-title{flex:1;font-size:15px;font-weight:540;letter-spacing:-.006em}.task[data-done=true] .task-title{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--line-strong)}.task[data-starred=true] .task-title{font-weight:640}.task-area{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:2px 6px;border-radius:var(--r-xs);background:color-mix(in oklch,var(--text) 6%,transparent)}.task-add{display:flex;gap:8px;padding:10px 12px 12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-grid-3 .stat{padding:12px 10px}.stat-grid-3 .stat-value{font-size:22px}.stat{padding:14px;border-radius:var(--r);background:var(--raised);border:1px solid var(--line)}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--muted);margin-top:2px}.bars{display:flex;align-items:flex-end;gap:4px;height:92px}.bar-col{flex:1;display:grid;align-content:end;justify-items:center;gap:5px;min-width:0}.bar{width:100%;max-width:26px;border-radius:4px 4px 2px 2px;background:var(--accent);min-height:3px;transition:height .4s var(--ease-out)}.bar-label{font-size:9.5px;color:var(--faint);font-family:var(--font-mono)}.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}.heat-cell{width:100%;aspect-ratio:1;border-radius:3px;background:color-mix(in oklch,var(--text) 8%,transparent)}.heat-cell[data-level="1"]{background:color-mix(in oklch,var(--go) 32%,transparent)}.heat-cell[data-level="2"]{background:color-mix(in oklch,var(--go) 62%,transparent)}.heat-cell[data-level="3"]{background:var(--go)}.heat-cell[data-level=off]{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.heat-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--faint)}.heat-legend span[data-level]{width:11px;height:11px;border-radius:3px}.table-row{display:flex;align-items:baseline;gap:10px;padding:10px 0}.table-row+.table-row{box-shadow:inset 0 1px 0 var(--line)}.table-row .num{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.meter-row{display:grid;gap:5px;padding:9px 0}.meter-row+.meter-row{box-shadow:inset 0 1px 0 var(--line)}.meter{height:7px;border-radius:999px;background:color-mix(in oklch,var(--text) 9%,transparent);overflow:hidden;display:flex}.meter-fill{height:100%;background:var(--go)}.meter-fill[data-kind=minimum]{background:var(--caution)}.meter-fill[data-kind=accent]{background:var(--accent)}.meter-mark{position:relative;height:7px;margin-top:-7px;border-right:2px dotted var(--faint);pointer-events:none}.miss-row{display:flex;align-items:baseline;gap:8px;padding:9px 0}.miss-row+.miss-row{box-shadow:inset 0 1px 0 var(--line)}.miss-count{font-family:var(--font-mono);font-size:12px;color:var(--caution);flex:none}.tour{position:fixed;inset:0;z-index:80;display:grid;grid-template-rows:1fr auto;background:var(--bg)}.tour-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.tour-track::-webkit-scrollbar{display:none}.tour-page{flex:none;width:100%;scroll-snap-align:start;overflow-y:auto;touch-action:pan-x pan-y;padding:calc(28px + env(safe-area-inset-top)) 20px 20px}.tour-content{max-width:460px;margin-inline:auto;display:grid;gap:12px;align-content:start}.tour-title{font-size:27px;font-weight:700;letter-spacing:-.024em;line-height:1.12;margin-top:2px}.tour-text{font-size:15px;line-height:1.5;color:var(--muted)}.tour-demo{margin-top:6px;pointer-events:none}.tour-foot{display:grid;gap:12px;padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.tour-dots{display:flex;justify-content:center;gap:5px}.tour-dot{width:6px;height:6px;border-radius:999px;background:color-mix(in oklch,var(--text) 16%,transparent);transition:background-color .2s var(--ease-out),width .2s var(--ease-out)}.tour-dot[data-active=true]{width:18px;background:var(--accent)}.tour-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:560;background:color-mix(in oklch,var(--text) 7%,transparent);color:var(--muted)}.pill[data-tone=go]{background:var(--tint-go);color:var(--go)}.pill[data-tone=caution]{background:var(--tint-caution);color:var(--caution)}.pill[data-tone=accent]{background:var(--tint-accent);color:var(--accent)}.pill[data-tone=warn]{background:var(--tint-warn);color:var(--warn)}.empty{padding:28px 18px;text-align:center;color:var(--faint);font-size:14px}.toast-layer{position:fixed;inset:auto 0 calc(78px + env(safe-area-inset-bottom)) 0;z-index:60;display:grid;justify-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{display:flex;align-items:center;gap:12px;max-width:min(440px,100%);padding:11px 12px 11px 16px;border-radius:var(--r);background:light-dark(oklch(24% .014 255),oklch(30% .016 255));color:#eff2f5;box-shadow:var(--shadow-lg);pointer-events:auto;font-size:14px;transition:translate .32s var(--ease-out),opacity .22s var(--ease-out)}@starting-style{.toast{translate:0 16px;opacity:0}}.toast[data-leaving=true]{translate:0 16px;opacity:0}.toast-action{color:var(--accent-d);font-weight:640;padding:4px 6px}.link-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 12px 10px 16px;text-align:left;transition:background-color .16s var(--ease-out)}.link-row+.link-row{box-shadow:inset 0 1px 0 var(--line)}.link-row:active{background:color-mix(in oklch,var(--text) 5%,transparent)}.link-emoji{font-size:22px;flex:none;width:30px;text-align:center}.link-title{font-size:15.5px;font-weight:600;letter-spacing:-.008em}.link-sub{font-size:12.5px;color:var(--faint);margin-top:1px}.chevron{flex:none;color:var(--faint)}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(360px,100%);display:grid;gap:14px;text-align:center}.login-mark{font-size:40px}@media(hover:hover)and (pointer:fine){.item:hover,.link-row:hover{background:color-mix(in oklch,var(--text) 4%,transparent)}.item-menu:hover,.tab:hover{color:var(--text)}.tab[aria-current=page]:hover{color:var(--accent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
