:root{--brand:#4b3fd1;--brand-ink:#2e2591;--brand-soft:#dcd8fc;--brand-tint:#edebfd;--bg:#f6f6fb;--surface:#fff;--surface-muted:#f3f3f9;--fill:#eeeff4;--border:#e6e8ef;--ring-none:#cdd1dc;--text:#1d2433;--text-2:#5d6478;--text-3:#6b7286;--text-disabled:#a3a9b8;--danger:#c2263a;--scrim:#10122852;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--fs-title:32px;--fs-sheet-title:22px;--fs-body:16px;--fs-small:14px;--fs-caption:13px;--fs-tab:11px;--r-card:24px;--r-tile:20px;--r-sheet:28px;--r-pill:999px;--tap:44px;--tabbar-h:84px;--gutter:20px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;line-height:1.4}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:var(--brand)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex-shrink:0;display:block}.card{background:var(--surface);border-radius:var(--r-card)}.hint{font-size:var(--fs-small);color:var(--text-2);margin:20px 0 12px}.hint--center{text-align:center}.caption{font-size:var(--fs-caption);color:var(--text-2)}.btn{border-radius:var(--r-pill);border:none;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:700;display:inline-flex}.btn--primary{background:var(--brand);color:#fff}.btn--secondary{background:var(--surface);color:var(--brand)}.btn--outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn--block{width:100%;margin-top:16px}.link-btn{min-height:var(--tap);color:var(--brand);font-size:var(--fs-small);background:0 0;border:none;align-items:center;margin:-12px 0;padding:0;font-weight:600;display:inline-flex}.round-btn{width:var(--tap);height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.round-btn:disabled{color:var(--text-disabled)}.icon-btn{width:var(--tap);height:var(--tap);color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn__dot{background:var(--fill);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.icon-btn:disabled{color:var(--text-disabled)}html.page-pinned,html.page-pinned body{touch-action:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.page{padding:max(env(safe-area-inset-top), 24px) var(--gutter) calc(var(--tabbar-h) + max(0px, env(safe-area-inset-bottom) - 34px) + var(--gutter));max-width:560px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-header__overline{font-size:var(--fs-small);color:var(--text-2)}.page-title{font-size:var(--fs-title);letter-spacing:-.02em;font-weight:800;line-height:1.15}.tabbar{z-index:10;height:calc(var(--tabbar-h) + max(0px, env(safe-area-inset-bottom) - 34px));padding:6px 0 max(env(safe-area-inset-bottom), 16px);background:var(--surface);border-top:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__tab{min-height:var(--tap);color:var(--text-3);font-size:var(--fs-tab);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:500;text-decoration:none;display:flex}.tabbar__tab.active{color:var(--brand);font-weight:700}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar__inner{justify-content:space-between;align-items:center;max-width:1160px;height:64px;margin:0 auto;padding:0 24px;display:flex}.topbar__brand{color:var(--brand);align-items:center;gap:10px;display:flex}.topbar__brand span{color:var(--text);font-size:20px;font-weight:700}.topbar__nav{gap:8px;display:flex}.nav-pill{min-height:var(--tap);border-radius:var(--r-pill);color:var(--text-2);align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.nav-pill.active{background:var(--brand-tint);color:var(--brand-ink)}.shell--desktop .page{padding:32px 24px}.page-fade{animation:.12s ease-out page-fade-in}@keyframes page-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.page-fade{animation:none}}.sheet-layer{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.scrim{background:var(--scrim);animation:.2s ease-out fade-in;position:absolute;inset:0}.sheet{width:100%;max-width:560px;max-height:calc(100dvh - 48px - env(safe-area-inset-top));padding:8px 0 calc(20px + env(safe-area-inset-bottom));border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:var(--surface);touch-action:pan-y;outline:none;flex-direction:column;animation:.32s cubic-bezier(.34,1.4,.64,1) slide-up;display:flex;position:relative}.sheet__header{padding:0 var(--gutter)}.sheet__body{min-height:0;padding:0 var(--gutter);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.sheet-layer--closing .scrim{animation:.22s ease-out forwards fade-out}.sheet:after{content:"";background:var(--surface);height:48px;position:absolute;top:100%;left:0;right:0}.sheet__grabber{border-radius:var(--r-pill);background:var(--fill);width:40px;height:5px;margin:0 auto 12px}.sheet__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sheet__header .icon-btn{margin:-6px -10px 0 0}.sheet__title{font-size:var(--fs-sheet-title);letter-spacing:-.01em;font-weight:800}.sheet__status{font-size:var(--fs-small);color:var(--text-2);margin-top:2px}.sheet__actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sheet__actions .btn--outline[aria-pressed=true]{border-color:var(--brand);color:var(--brand)}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.scrim{animation:none}}.group-label{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:24px 16px 8px;font-weight:600}.group{border-radius:var(--r-tile);background:var(--surface);overflow:hidden}.row{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex}.row+.row{border-top:1px solid var(--fill)}.row--button{text-align:left;background:0 0;border:none;border-radius:0;width:100%}.row__label{font-size:var(--fs-body)}.row__label--icon{align-items:center;gap:12px;display:flex}.row__icon{color:var(--brand)}.row__helper{font-size:var(--fs-caption);color:var(--text-2);margin-top:2px}.row__value{color:var(--text-2);align-items:center;gap:4px;display:flex}.chevron{color:var(--text-3);transition:transform .15s}.chevron--open{transform:rotate(90deg)}.row--danger{color:var(--danger);font-weight:600}.stepper{align-items:center;margin-right:-8px;display:flex}.stepper__value{text-align:center;min-width:28px;font-size:18px;font-weight:700}.switch{border-radius:var(--r-pill);background:var(--ring-none);border:none;flex-shrink:0;width:50px;height:30px;padding:0;transition:background .15s;position:relative}.switch:before{content:"";position:absolute;inset:-7px 0}.switch[aria-checked=true]{background:var(--brand)}.switch__thumb{background:var(--surface);border-radius:50%;width:26px;height:26px;transition:transform .22s cubic-bezier(.34,1.4,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000026}.switch[aria-checked=true] .switch__thumb{transform:translate(20px)}.settings .caption{margin:12px 16px 24px}.sync-status{font-size:var(--fs-caption);color:var(--text-2);justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.sync-status .link-btn{font-size:var(--fs-caption)}@media (prefers-reduced-motion:reduce){.switch,.switch__thumb,.chevron{transition:none}}.login{max-width:340px;padding:40px var(--gutter) 40px;margin:0 auto}@media (display-mode:standalone){.login{padding-top:calc(env(safe-area-inset-top) + 32px)}}.login__form{text-align:center;justify-items:center;gap:10px;width:100%;max-width:340px;animation:.32s ease-out login-in;display:grid}.login__logo{background:var(--surface);width:76px;height:76px;color:var(--brand);border-radius:24px;place-items:center;margin-bottom:4px;display:grid;box-shadow:0 1px 2px #1d24330f,0 12px 32px #4b3fd124}.login__title{font-size:var(--fs-title);letter-spacing:-.02em;margin:0 0 12px;font-weight:800}.login__field{width:100%}.login__field[data-shake]{animation:.36s ease-out login-shake}.login__input{border-radius:var(--r-tile);border:1.5px solid var(--border);background:var(--surface);width:100%;height:56px;color:var(--text);font:inherit;text-align:center;letter-spacing:.08em;outline:none;padding:0 18px;font-size:17px;transition:border-color .15s ease-out,box-shadow .15s ease-out}.login__input::placeholder{letter-spacing:0;color:var(--text-3)}.login__input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint)}.login__input[aria-invalid=true]{border-color:var(--danger)}.login__error{font-size:var(--fs-small);color:var(--danger);margin:-2px 0 0}.login__submit{border-radius:var(--r-tile);background:var(--brand);color:#fff;border:0;width:100%;height:56px;font-size:17px;font-weight:700;transition:transform .12s ease-out,opacity .15s ease-out,box-shadow .15s ease-out;box-shadow:0 8px 24px #4b3fd147}.login__submit:disabled{opacity:.5;box-shadow:none}.login__submit:not(:disabled):active{transform:scale(.97)}@keyframes login-in{0%{opacity:0;transform:translateY(12px)}}@keyframes login-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.login__form,.login__field[data-shake]{animation:none}}:root{--accent-warm:#e0891f;--on-accent-warm:#1d2433;--accent-done:#22a862;--on-accent-done:#fff;--on-danger:#fff;--spring:cubic-bezier(.34, 1.4, .64, 1);--strike:1.5px;--toast-bg:#1d2433;--toast-text:#fff;--toast-action:#b9b2ff;--toast-shadow:0 8px 24px #1012283d;--edge-shadow:-6px 0 24px #1012282e;--fs-row:17px;--row-h:56px;--list-row-h:64px;--indent:24px;--list-bar:6px;--done-opacity:.6;--hairline:var(--border);--sidebar-w:300px;--content-w:720px}.shelf-page{max-width:640px;padding:max(env(safe-area-inset-top), 24px) 0 max(env(safe-area-inset-bottom), 24px);margin:0 auto}.lists-header{padding:0 calc(var(--gutter) - 10px) 0 var(--gutter);align-items:center}.desk{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.desk__sidebar{border-right:1px solid var(--hairline);background:var(--surface);height:100vh;position:sticky;top:0;overflow-y:auto}.desk__brand{height:64px;color:var(--brand);align-items:center;gap:10px;padding:0 8px 0 20px;display:flex}.desk__brand span{color:var(--text);flex:1;font-size:20px;font-weight:700}.desk__main{min-width:0;padding:32px 32px 64px}.desk__main .list-view{max-width:var(--content-w);margin:0 auto}.desk__main .rows{border-radius:var(--r-tile);overflow:hidden}@media (width<=767px){html,body{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}#root{height:100%;position:relative}.shell--mobile,.shell--mobile>div,.edge-stack{height:100%}.shelf-page{flex-direction:column;height:100%;padding-bottom:0;display:flex}.list-view{flex-direction:column;flex:1;min-height:0;display:flex}.list-header,.lists-header{flex-shrink:0}.list-scroller,.shelf-page>.lists-view{min-height:0;padding-bottom:calc(50vh + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.edge-stack>.edge-screen{height:100%;min-height:0}}.lists{background:var(--surface);border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none;overflow-x:clip}.list-row{min-height:var(--list-row-h);border-bottom:1px solid var(--hairline);background:var(--surface);align-items:center;display:flex;position:relative}.list-row__surface{min-width:0;min-height:var(--list-row-h);background:var(--surface);touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;align-items:center;padding-right:8px;display:flex;position:relative}.list-row__surface:before,.list-row--add:before,.list-row--draft:before{content:"";width:var(--list-bar);background:var(--list-color,var(--fill));position:absolute;top:0;bottom:0;left:0}.list-row--add:before,.list-row--draft:before{background:var(--fill)}.list-row__open{min-width:0;min-height:var(--list-row-h);padding:0 var(--gutter) 0 calc(var(--gutter) + var(--list-bar));text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;transition:background-color .15s ease-out;display:flex}.list-row__open:active{background:var(--surface-muted)}.list-row__name{min-width:0;font-size:var(--fs-row);overflow-wrap:anywhere;flex:1;font-weight:600}.list-row__count{color:var(--text-2);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.list-row--add .list-row__open{color:var(--text-2);font-size:var(--fs-row)}.row-editor.list-row__input{width:100%;min-width:0;height:var(--list-row-h);padding:0 var(--gutter) 0 calc(var(--gutter) + var(--list-bar));font-weight:600}.list-row[aria-current=page] .list-row__surface{background:var(--brand-tint)}.desk__sidebar .lists{border-top:none}.desk__sidebar .list-row{min-height:var(--row-h);border-bottom:none}.desk__sidebar .list-row__open,.desk__sidebar .list-row__surface{min-height:var(--row-h)}.desk__sidebar .list-row:not(:hover):not(:focus-within) .row-item__trash,.desk__sidebar .list-row:not(:hover):not(:focus-within) .list-row__complete{opacity:0}.list-row__complete:disabled{opacity:.35}.lists-header__edit{font-size:var(--fs-row);margin-left:auto}@media (hover:hover){.list-row__open:hover{background:var(--surface-muted)}}@media (prefers-reduced-motion:reduce){.list-row__open{transition:none}}.list-header{min-height:56px;padding:0 var(--gutter);align-items:center;gap:4px;margin-bottom:12px;display:flex}.list-header__back{color:var(--brand);margin-left:-12px}.list-header__title{flex:1;min-width:0}.list-header__name{max-width:100%;min-height:var(--tap);letter-spacing:-.02em;text-align:left;overflow-wrap:anywhere;background:0 0;border:none;padding:0;font-size:28px;font-weight:800;display:block}.list-header__input{width:100%;min-height:var(--tap);color:var(--text);font:inherit;letter-spacing:-.02em;box-shadow:inset 0 -2px 0 var(--list-color,var(--brand));background:0 0;border:none;outline:none;padding:0;font-size:28px;font-weight:800}.list-header__count{color:var(--text-2);font-size:var(--fs-small);font-variant-numeric:tabular-nums;padding-left:8px}.rows{background:var(--surface);border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none;overflow-x:clip}.desk__main .rows{border-top:none}.row-item{border-bottom:1px solid var(--hairline);background:var(--surface);position:relative}.row-item__surface{min-height:var(--row-h);padding:0 8px 0 var(--gutter);background:var(--surface);touch-action:pan-y;align-items:center;display:flex;position:relative}.row-item:not([data-editing]) .row-item__surface{-webkit-user-select:none;user-select:none}.row-item[data-depth="2"] .row-item__surface,.row-item--add[data-depth="2"] .row-item__add{padding-left:calc(var(--gutter) + var(--indent))}.row-item__text{min-width:0;min-height:var(--row-h);font-size:var(--fs-row);text-align:left;overflow-wrap:anywhere;background:0 0;border:none;flex:1;padding:14px 0;line-height:1.6}.row-editor{width:100%;min-width:0;height:var(--row-h);color:var(--text);font:inherit;font-size:var(--fs-row);background:0 0;border:none;outline:none;flex:1;padding:0}.row-editor::placeholder{color:var(--text-disabled)}.row-item[data-editing] .row-item__surface{box-shadow:inset 3px 0 0 var(--list-color,var(--brand))}.row-item__label{background:linear-gradient(currentColor, currentColor) no-repeat 0 58% / 0 var(--strike);transition:background-size .22s ease-out;transition-delay:calc(var(--stagger,0) * 30ms)}.row-item[data-done] .row-item__label,.row-item[data-striking=on] .row-item__label{background-size:100% var(--strike)}.row-item[data-striking=off] .row-item__label{background-size:0 var(--strike)}.row-item__text{transition:opacity .22s ease-out}.row-item[data-done] .row-item__surface>:not(.row-item__check),.row-item[data-striking=on] .row-item__surface>:not(.row-item__check){opacity:var(--done-opacity)}.row-item[data-striking=off] .row-item__surface>:not(.row-item__check){opacity:1}.row-item__count{color:var(--text-2);font-size:var(--fs-small);font-variant-numeric:tabular-nums;padding:0 2px 0 8px}.row-item__btn{width:var(--tap);height:var(--tap);color:var(--text-3);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s ease-out;display:inline-flex}.row-item__ring{width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--ring-none);color:#0000;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out,transform .12s ease-out;display:inline-flex}.row-item__check:active .row-item__ring{transform:scale(.9)}.row-item__check[aria-checked=true] .row-item__ring{background:var(--list-color,var(--brand));box-shadow:none;color:var(--surface)}.row-item__trash{color:var(--danger)}@media (hover:hover) and (width>=768px){.row-item:not(:hover):not(:focus-within) .row-item__check[aria-checked=false],.row-item:not(:hover):not(:focus-within) .row-item__trash{opacity:0}.row-item:hover .row-item__surface{background:var(--surface-muted)}.rows[data-edit-mode] .row-item .row-item__check[aria-checked=false],.rows[data-edit-mode] .row-item .row-item__trash{opacity:1}}.row-item__add{width:100%;min-height:var(--row-h);padding:0 var(--gutter);color:var(--text-2);font-size:var(--fs-row);text-align:left;background:0 0;border:none;align-items:center;gap:10px;display:flex}.row-item--add[data-depth="2"] .row-item__add{min-height:var(--tap);color:var(--text-disabled);font-size:var(--fs-small)}.rows__divider{border-bottom:1px solid var(--hairline);background:var(--bg);height:8px}.list-header__edit{font-size:var(--fs-row);margin-left:8px}.rows__footer{padding:20px var(--gutter);justify-content:center;display:flex}.rows__clear{color:var(--text-2);font-size:var(--fs-small);margin:0}@media (prefers-reduced-motion:reduce){.row-item__btn,.row-item__ring,.row-item__label,.row-item__text{transition:none}.row-item__check:active .row-item__ring{transform:none}}html{overscroll-behavior:none}.list-view,.lists-view{touch-action:pan-y}.swipe-reveal{justify-content:space-between;align-items:center;padding:0 24px;display:none;position:absolute;inset:0}[data-swipe]>.swipe-reveal{display:flex}[data-swipe=right]>.swipe-reveal{background:var(--accent-done);color:var(--on-accent-done)}[data-swipe=left]>.swipe-reveal{background:var(--danger);color:var(--on-danger)}[data-swipe=right] .swipe-reveal__icon--delete,[data-swipe=left] .swipe-reveal__icon--done{visibility:hidden}.swipe-reveal__icon{transition:transform .18s var(--spring);display:inline-flex;transform:scale(.6)}[data-armed] .swipe-reveal__icon{transform:scale(1)}.pull-row{background:var(--surface);height:0;color:var(--text-2);font-size:var(--fs-small);position:relative;overflow:hidden}.pull-row__label{justify-content:center;align-items:center;transition:opacity .15s ease-out;display:flex;position:absolute;inset:0}.pull-row__label--release,.pull-row[data-armed] .pull-row__label--pull{opacity:0}.pull-row[data-armed] .pull-row__label--release{opacity:1;color:var(--text);animation:pull-pop .32s var(--spring);font-weight:600}@keyframes pull-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pull-row[data-armed] .pull-row__label--release{animation:none}}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:50;border-radius:var(--r-pill);background:var(--toast-bg);max-width:calc(100% - 32px);min-height:48px;box-shadow:var(--toast-shadow);color:var(--toast-text);font-size:var(--fs-body);white-space:nowrap;animation:toast-in .22s var(--spring);align-items:center;gap:4px;padding:0 8px 0 20px;display:flex;position:fixed;transform:translate(-50%)}.toast[data-leaving]{animation:.22s ease-in forwards toast-out}.toast__dot{opacity:.6}.toast__undo{min-height:var(--tap);color:var(--toast-action);font-size:var(--fs-body);background:0 0;border:none;padding:0 12px;font-weight:700}@keyframes toast-in{0%{transform:translate(-50%, calc(100% + 16px + env(safe-area-inset-bottom)))}}@keyframes toast-out{to{transform:translate(-50%, calc(100% + 16px + env(safe-area-inset-bottom)))}}.edge-stack{position:relative}.edge-screen{z-index:1;background:var(--bg);touch-action:pan-y;min-height:100vh;position:relative}.edge-under+.edge-screen{box-shadow:var(--edge-shadow)}.edge-under{z-index:0;background:var(--bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.edge-under:after{content:"";background:var(--scrim);opacity:calc(1 - var(--edge,0));position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.swipe-reveal__icon,.pull-row__label{transition:none}.toast,.toast[data-leaving]{animation:none}}.sheet:has(.settings){background:var(--bg)}.sheet:has(.settings):after{background:var(--bg)}.settings .group{border-radius:var(--r-tile);background:var(--surface);margin-top:8px}.settings .row{min-height:52px;font-size:var(--fs-row);padding:8px 16px}.settings__caption{font-size:var(--fs-caption);color:var(--text-2);margin:8px 16px 0}.settings .sync-status{margin-top:16px}