.invalid{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.invalid__body{flex-direction:column;padding:16px 24px 32px;display:flex}.invalid__mark{background:var(--color-amber);border-radius:32px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.invalid__title{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.02em;text-wrap:balance;margin:20px 0 0;font-weight:700;line-height:1.05}.invalid__text{color:var(--color-muted);text-wrap:pretty;margin:12px 0 0;font-size:16px;line-height:1.45}.invalid__steps{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);flex-direction:column;gap:14px;margin-top:20px;padding:16px;display:flex}.invalid__steps-heading{color:var(--color-muted);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:600}.invalid__steps-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.invalid__step{align-items:flex-start;gap:12px;font-size:15px;line-height:1.4;display:flex}.invalid__step>span:last-child{padding-top:2px}.invalid__step-number{background:var(--color-amber);width:24px;height:24px;font-size:var(--text-label);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.invalid__form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.invalid__form .field__input{font-size:16px}.invalid__footnote{color:var(--color-muted);font-size:var(--text-small);text-wrap:pretty;margin:16px 0 0;line-height:1.45}.missing{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.missing__body{flex-direction:column;gap:16px;padding:16px 24px 32px;display:flex}.missing__title{font-family:var(--font-display);font-size:var(--text-h2);margin:0;line-height:1.1}.missing__text{color:var(--color-muted);margin:0;line-height:1.45}.missing__copy{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);max-height:40dvh;padding:16px;overflow:auto}.missing__copy h2{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:22px}.missing__copy p{color:var(--color-muted);font-size:var(--text-small);margin:4px 0 12px}.missing__copy h3{font-size:var(--text-label);text-transform:uppercase;margin:12px 0 4px}.missing__copy ul{margin:0;padding-left:24px}.missing__copy li{overflow-wrap:anywhere;padding:4px 0}.missing__copy small{color:var(--color-muted);display:block}.missing__confirm{flex-direction:column;gap:8px;display:flex}.missing__confirm p{margin:0}.missing__back{align-self:center;align-items:center;min-height:44px;display:flex}.sheet-overlay{z-index:10;background:var(--color-overlay);position:fixed;inset:0}.sheet{max-width:480px;max-height:100%;padding:20px 20px max(32px, env(safe-area-inset-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--color-surface);flex-direction:column;gap:16px;margin:0 auto;display:flex;position:absolute;left:0;right:0;overflow-y:auto}.sheet__head{justify-content:space-between;align-items:center;display:flex}.sheet__title{font-family:var(--font-display);font-size:var(--text-sheet-title);letter-spacing:-.015em;margin:0;font-weight:700}.sheet__close{width:var(--size-hit-min);height:var(--size-hit-min);border-radius:var(--radius-pill);background:0 0;border:0;justify-content:center;align-items:center;margin-right:-8px;display:flex}.share__text{color:var(--color-muted);text-wrap:pretty;margin:0;font-size:16px;line-height:1.45}.share__link{background:var(--color-ground);font-size:16px}.share__note{color:var(--color-muted);font-size:var(--text-small);align-items:flex-start;gap:10px;margin:0;line-height:1.4;display:flex}.share__note svg{flex-shrink:0;margin-top:1px}.share__actions{flex-direction:column;gap:12px;display:flex}.list{max-width:480px;height:100dvh;margin:0 auto;position:relative}.list__page{flex-direction:column;height:100%;display:flex}.list-header{justify-content:space-between;align-items:center;padding:12px 12px 0 8px;display:flex}.list-header__back{width:var(--size-hit-min);height:var(--size-hit-min);justify-content:center;align-items:center;display:flex}.share-button{height:var(--size-hit-min);border-radius:var(--radius-pill);background:var(--color-amber);color:var(--color-ink);border:0;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:16px;font-weight:600;display:flex}.list__title-block{padding:12px var(--gutter) 16px;flex-direction:column;gap:6px;display:flex}.list__title{overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--text-title);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.05}.list__progress-text{color:var(--color-muted);font-size:15px}.list__bar{background:var(--color-line);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.list__bar-fill{background:var(--color-green);border-radius:3px;height:100%}@media not (prefers-reduced-motion:reduce){.list__bar-fill{transition:width .2s}}.offline{margin:0 var(--gutter) 8px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);font-size:var(--text-small);align-items:flex-start;gap:10px;padding:10px 12px;line-height:1.4;display:flex}.offline svg{flex-shrink:0;margin-top:1px}.list__add{padding:0 var(--gutter) 8px;gap:8px;display:flex}.list__add-input{min-width:0;height:var(--size-control);border:1.5px solid var(--color-border-input);border-radius:var(--radius-control);background:var(--color-surface);flex-grow:1;padding:0 16px}.list__add-button{height:var(--size-control);border-radius:var(--radius-control);background:var(--color-green);color:var(--color-ink);border:0;padding:0 22px;font-weight:600}.list__scroll{padding:8px var(--gutter) 16px;overscroll-behavior:contain;flex-grow:1;overflow-y:auto}.list__section{color:var(--color-muted);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:8px 0 4px;font-weight:600}.list__section--basket{padding-top:20px}.list__rows{margin:0;padding:0;list-style:none}.list__all-done{border-top:1px solid var(--color-line);color:var(--color-green-text);padding:20px 0;font-weight:600}.row{border-top:1px solid var(--color-line);align-items:center;display:flex}.row__toggle{min-width:0;min-height:var(--size-row);text-align:left;background:0 0;border:0;flex-grow:1;align-items:center;gap:14px;padding:8px 0;display:flex}.row__box{width:var(--size-check);height:var(--size-check);border:2px solid var(--color-ink);border-radius:var(--radius-check);background:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex}.row__text{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.row__name{overflow-wrap:anywhere;font-size:var(--text-item);font-weight:600}.row__note{overflow-wrap:anywhere;color:var(--color-muted);font-size:var(--text-small)}.row--done .row__toggle{min-height:56px;color:var(--color-muted)}.row--done .row__box{background:var(--color-green-light);color:var(--color-ink);border:0}.row--done .row__name{font-size:var(--text-body);font-weight:500;text-decoration:line-through}.row__edit{width:var(--size-hit-min);height:var(--size-hit-min);border-radius:var(--radius-pill);color:var(--color-muted);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-right:-8px;display:flex}.list__footer{padding:12px var(--gutter) max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-ground)}.list__complete{width:100%;height:var(--size-button);border-radius:var(--radius-control);background:var(--color-ink);color:#fff;font-size:var(--text-body);border:0;font-weight:600}.complete{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:16px;padding:0 32px 48px;display:flex}.complete__mark{background:var(--color-green-light);border-radius:44px;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.complete__title{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.02em;margin:8px 0 0;font-weight:700;line-height:1.05}.complete__summary{color:var(--color-muted);text-wrap:pretty;margin:0;line-height:1.45}.complete__actions{flex-direction:column;gap:12px;width:100%;margin-top:16px;display:flex}.toast{right:var(--gutter);bottom:100px;left:var(--gutter);border-radius:var(--radius-control);background:var(--color-ink);color:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:6px 6px 6px 16px;font-size:16px;display:flex;position:absolute}.toast__undo{min-width:64px;height:var(--size-hit-min);border-radius:var(--radius-check);color:var(--color-amber);background:0 0;border:0;padding:0 16px;font-size:16px;font-weight:600}.sheet-form{flex-direction:column;gap:16px;display:flex}.sheet-form__actions{flex-direction:column;gap:12px;margin-top:4px;display:flex}.start{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:28px 24px 32px;display:flex}.start__brand{align-items:center;gap:10px;display:flex}.start__brand svg{flex-shrink:0}.start__wordmark{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:700}.start__hero{flex-direction:column;gap:14px;margin-top:56px;display:flex}.start__headline{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1}.start__intro{color:var(--color-muted);text-wrap:pretty;margin:0;line-height:1.45}.start__form{flex-direction:column;gap:12px;margin-top:32px;display:flex}.start__bottom{margin-top:auto;padding-top:32px}.start__saved{flex-direction:column;gap:4px;display:flex}.start__saved-heading{color:var(--color-muted);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;margin:0;padding-bottom:4px;font-weight:600}.start__list{margin:0;padding:0;list-style:none}.saved-row{min-height:var(--size-row);border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.saved-row__link{flex:1;justify-content:space-between;align-self:stretch;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.saved-row__remove{height:44px;color:var(--color-muted);background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.saved-row__confirm{border-top:1px solid var(--color-line);font-size:var(--text-small);padding:12px 0 16px}.saved-row__confirm p{margin:0 0 10px}.saved-row__actions{gap:12px;display:flex}.saved-row__actions button{border:1px solid var(--color-border-input);border-radius:var(--radius-control);background:var(--color-surface);min-height:44px;padding:0 14px}.saved-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.saved-row__name{overflow-wrap:anywhere;font-weight:600}.saved-row__status{color:var(--color-muted);font-size:var(--text-small)}.saved-row__status--complete{color:var(--color-green-text);align-items:center;gap:6px;font-weight:500;display:flex}.saved-row__chevron{color:var(--color-muted);flex-shrink:0;display:flex}.start__note{color:var(--color-muted);font-size:var(--text-small);align-items:flex-start;gap:10px;margin:0;line-height:1.4;display:flex}.start__note svg{flex-shrink:0;margin-top:1px}.start__saved+.start__note{border-top:1px solid var(--color-line);margin-top:12px;padding-top:12px}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-ground:#f3f4f6;--color-surface:#fff;--color-ink:#262626;--color-muted:#6d6d6d;--color-line:#dddfe3;--color-border-input:#8a8a8a;--color-green:#4caf50;--color-green-light:#8bc34a;--color-green-text:#2e7d32;--color-amber:#ffc107;--color-overlay:#26262680;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Instrument Sans", system-ui, sans-serif;--text-display:46px;--text-title:34px;--text-h2:32px;--text-sheet-title:26px;--text-item:18px;--text-body:17px;--text-small:14px;--text-label:13px;--radius-control:12px;--radius-pill:22px;--radius-check:8px;--radius-sheet:24px;--size-button:52px;--size-control:48px;--size-hit-min:44px;--size-row:60px;--size-check:28px;--gutter:20px;--screen-w:390px;--screen-h:844px;--focus-ring:3px solid var(--color-ink)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}:root{--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-body:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--color-ground);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);-webkit-text-size-adjust:100%;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{width:100%;height:var(--size-button);border-radius:var(--radius-control);font-size:var(--text-body);border:0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.button--primary{background:var(--color-green);color:var(--color-ink)}.button--outline{border:1.5px solid var(--color-border-input);color:var(--color-ink);background:0 0;gap:8px}.button[aria-busy=true]{opacity:.7}.field{flex-direction:column;gap:8px;display:flex}.field__hint{color:var(--color-muted);font-weight:400}.field__label{font-size:var(--text-small);font-weight:600}.field__input{width:100%;height:var(--size-button);border:1.5px solid var(--color-border-input);border-radius:var(--radius-control);background:var(--color-surface);font-size:var(--text-body);padding:0 16px}.notice{font-size:var(--text-small);align-items:center;gap:8px;font-weight:600;display:flex}.notice__icon{background:var(--color-amber);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}