:root{--bg:#1d1b26;--surface:#282535;--soft:#3a3550;--accent:#b6a5e6;--on-accent:#1d1b26;--ink:#d9d0f7;--text:#ece9f5;--muted:#a8a3bd;--dot-1:#b6a5e6;--dot-2:#8fc4aa;--dot-3:#e0a994;--live:#7cc4a0;--offline:#e8a48c;--lift:0 12px 28px -14px #0009;--display:"Newsreader", Georgia, serif;--body:"Nunito Sans", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f2fb;--surface:#fff;--soft:#e2dbf5;--accent:#b6a5e6;--on-accent:#33304a;--ink:#4a3f78;--text:#33304a;--muted:#67637e;--dot-1:#b6a5e6;--dot-2:#bfe0cf;--dot-3:#f2cdbf;--lift:0 12px 28px -18px #3c325a59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.page{max-width:560px;min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.dot{color:var(--accent)}.section-label{color:var(--muted);margin:0;font-size:14px;font-weight:600}.btn-soft{background:var(--soft);min-height:44px;color:var(--ink);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex}.btn-soft:hover{filter:brightness(.97)}.btn-soft:active{transform:scale(.97)}.glyph{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover,.icon-btn:focus-visible{color:var(--ink);background:var(--soft)}.home{padding-bottom:calc(112px + env(safe-area-inset-bottom));flex-direction:column;gap:48px;display:flex}.masthead{padding-top:14vh;animation:.8s cubic-bezier(.2,.7,.2,1) both rise}.wordmark{font-family:var(--display);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(76px,22vw,112px);font-weight:400;line-height:.9}.lede{max-width:32ch;color:var(--muted);margin:0;font-size:18px;line-height:1.6}.btn-new{min-height:58px;box-shadow:var(--lift);justify-content:center;padding:0 26px;font-size:17px;animation:.8s cubic-bezier(.2,.7,.2,1) .1s both rise}.recent{animation:.8s cubic-bezier(.2,.7,.2,1) .2s both rise}.recent ul{margin:8px 0 0;padding:0;list-style:none}.recent li{align-items:center;gap:8px;min-height:64px;display:flex}.recent a{min-width:0;color:inherit;flex:1;align-items:center;gap:14px;text-decoration:none;display:flex}.recent a span{text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);font-size:26px;overflow:hidden}.recent .swatch{background:var(--dot-1);border-radius:50%;flex-shrink:0;width:12px;height:12px}.recent li:nth-child(3n+2) .swatch{background:var(--dot-2)}.recent li:nth-child(3n+3) .swatch{background:var(--dot-3)}.list{padding-bottom:calc(120px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{align-items:center;gap:12px;min-height:48px;margin-bottom:26px;display:flex}.back{margin-left:-12px}.status{color:var(--muted);align-items:center;gap:6px;margin-right:auto;font-size:14px;display:inline-flex}.pulse{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-live .pulse{background:var(--live)}.status-offline .pulse{background:var(--offline)}.title-input{width:100%;font-family:var(--display);letter-spacing:-.02em;background:0 0;border:0;outline:none;padding:0;font-size:clamp(40px,12vw,56px);font-weight:400;line-height:1.05}.title-input::placeholder{color:var(--muted);opacity:.6}.tally{color:var(--muted);margin:6px 0 22px;font-size:16px}.empty{font-family:var(--display);color:var(--muted);margin:24px 0;font-size:22px;font-style:italic}.items{margin:0;padding:0;list-style:none}.item{align-items:center;gap:6px;min-height:52px;animation:.3s ease-out both fade;display:flex}.check{background:0 0;border:0;flex-shrink:0;place-items:center;width:44px;height:44px;margin-left:-9px;padding:0;display:grid}.check .box{background:var(--soft);border-radius:9px;place-items:center;width:26px;height:26px;transition:background .2s,transform .12s;display:grid}.check:active .box{transform:scale(.88)}.check svg{fill:none;width:15px;height:15px;stroke:var(--on-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .25s ease-out 50ms}.is-done .check .box{background:var(--accent)}.is-done .check svg{stroke-dashoffset:0}.item-text{text-align:left;overflow-wrap:anywhere;cursor:text;background:0 0;border:0;flex:1;align-items:baseline;gap:12px;min-width:0;padding:12px 0;font-size:19px;transition:color .2s;display:flex}.item-label{flex:1;min-width:0}.item-text .by{text-overflow:ellipsis;white-space:nowrap;max-width:35%;color:var(--muted);flex-shrink:0;font-size:13px;overflow:hidden}.is-done .item-text{color:var(--muted)}.is-done .item-label{text-decoration:line-through;text-decoration-thickness:1.5px}.item-edit{background:var(--surface);border:0;border-radius:12px;outline:none;flex:1;min-width:0;margin-left:-12px;padding:10px 12px;font-size:19px}.item-edit:focus-visible{outline:none}.item .delete{margin-right:-12px}.basket{margin-top:20px}.basket-toggle{background:var(--surface);min-height:44px;color:var(--muted);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 11px;font-size:15px;font-weight:600;display:inline-flex}.basket-toggle .tick{background:var(--accent);width:22px;height:22px;color:var(--on-accent);border-radius:7px;place-items:center;display:grid}.basket-toggle .tick svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.basket-toggle .chev{width:16px;height:16px;transition:transform .2s}.basket-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}.basket-body{margin-top:8px;animation:.25s ease-out both fade}.btn-link{min-height:44px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.dock{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:2;flex-direction:column;gap:8px;width:min(528px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.dock-hint{background:var(--soft);color:var(--ink);border-radius:18px;margin:0;padding:10px 16px;font-size:15px;animation:.25s ease-out both fade}.add-bar{background:var(--surface);box-shadow:var(--lift);border-radius:28px;gap:8px;padding:6px 6px 6px 20px;display:flex}.add-bar input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:48px;font-size:17px}.add-bar input::placeholder{color:var(--muted)}.add-bar button{background:var(--accent);width:48px;height:48px;color:var(--on-accent);border:0;border-radius:50%;place-items:center;transition:opacity .15s,transform .15s;display:grid}.add-bar button:disabled{opacity:.45;cursor:default}.add-bar button:not(:disabled):active{transform:scale(.92)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.name-setting{color:var(--muted);align-items:center;gap:12px;margin:0;font-size:15px;display:flex}.name-setting strong{color:var(--text);font-weight:600}.name-input{background:var(--surface);border:0;border-radius:12px;outline:none;width:min(280px,100%);padding:10px 14px;font-size:16px}.name-label{color:var(--muted);font-size:15px}.home.is-compact{gap:32px}.home-bar{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:18px;animation:.6s cubic-bezier(.2,.7,.2,1) both rise;display:flex}.wordmark-sm{margin:0 0 6px;font-size:48px}.lede-sm{max-width:34ch;font-size:15px;line-height:1.5}.avatar{background:var(--soft);width:44px;height:44px;color:var(--ink);letter-spacing:.02em;border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;transition:transform .15s;display:grid}.avatar:active{transform:scale(.94)}form.name-setting{flex-wrap:wrap;gap:8px 12px;animation:.2s ease-out both fade}form.name-setting .name-label{flex-basis:100%}form.name-setting .name-input{flex:1;min-width:0;min-height:44px}form.name-setting .btn-soft:disabled{opacity:.5;cursor:default}.kicker{color:var(--muted);margin:0 0 4px;font-size:14px;font-weight:600}.households{flex-direction:column;gap:12px;animation:.7s cubic-bezier(.2,.7,.2,1) .1s both rise;display:flex}.household-card{background:var(--surface);border-radius:24px;padding:6px 18px 12px}.household-head{min-height:56px;color:inherit;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;display:flex}.household-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);font-size:26px;overflow:hidden}.household-card ul{margin:0;padding:0;list-style:none}.household-card li{align-items:center;gap:8px;min-height:48px;display:flex}.household-card li a{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.household-card li a span{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.household-card .swatch,.household-lists .swatch{background:var(--dot-1);border-radius:50%;flex-shrink:0;width:10px;height:10px}.household-card li:nth-child(3n+2) .swatch{background:var(--dot-2)}.household-card li:nth-child(3n+3) .swatch{background:var(--dot-3)}.card-note{color:var(--muted);margin:0 0 6px;font-size:15px}.card-more{align-items:center;display:inline-flex}.avatar-stack{flex-shrink:0;display:flex}.avatar-stack .avatar+.avatar{margin-left:-8px}.avatar.avatar-xs{width:28px;height:28px;box-shadow:0 0 0 2px var(--surface);font-size:11px}.avatar.avatar-sm{width:36px;height:36px;font-size:13px}.avatar.is-me{background:var(--accent);color:var(--on-accent)}.members{flex-wrap:wrap;gap:8px 16px;margin:8px 0 28px;padding:0;list-style:none;display:flex}.members li{color:var(--muted);align-items:center;gap:8px;font-size:15px;display:flex}.household{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.promo{background:var(--soft);color:var(--ink);border-radius:24px;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 20px;animation:.7s cubic-bezier(.2,.7,.2,1) .15s both rise;display:flex}.promo p{margin:0;font-size:16px;line-height:1.5}.promo .btn-soft{background:var(--surface)}.create-household{align-items:stretch}.create-household .name-input{width:100%;min-height:44px}.form-actions{align-items:center;gap:16px;display:flex}.new-household{align-self:flex-start;margin-top:-36px}.home.is-compact .new-household{margin-top:-20px}.attach{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:-10px 0 18px;font-size:14px;display:flex}.chip{background:var(--soft);min-height:36px;color:var(--ink);border:0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:700}.btn-soft:disabled,.chip:disabled{opacity:.55;cursor:default}.spacer{margin-right:auto}.row-meta{color:var(--muted);flex-shrink:0;font-size:14px}.recipe{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.recipe-title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(36px,10vw,52px);font-weight:400;line-height:1.05}.recipe-section{margin-top:28px}.ingredients{background:var(--surface);border-radius:20px;margin:10px 0 0;padding:14px 18px;list-style:none}.ingredients li{align-items:baseline;gap:12px;padding:6px 0;font-size:17px;display:flex}.ingredients li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;transform:translateY(-2px)}.steps{margin:10px 0 0;padding:0;list-style:none}.steps li{gap:14px;padding:10px 0;font-size:17px;line-height:1.55;display:flex}.step-no{background:var(--soft);width:28px;height:28px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.recipe-foot{color:var(--muted);flex-direction:column;align-items:flex-start;gap:4px;margin-top:32px;font-size:14px;display:flex}.recipe-foot p{margin:0}.recipe-foot a{color:var(--ink)}.recipe-form{flex-direction:column;gap:18px;margin-top:4px;display:flex}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:15px;font-weight:600;display:flex}.field small{font-size:13px;font-weight:400}.field input,.field textarea{background:var(--surface);width:100%;color:var(--text);resize:vertical;border:0;border-radius:14px;outline:none;margin-top:4px;padding:12px 14px;font-size:17px;font-weight:400;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.7}.household-header{margin-bottom:4px}.household-name-row{align-items:baseline;gap:8px;display:flex}.household-name-row .back{align-self:center;margin-left:-12px;margin-right:-4px}.household-prefix,.household-title{font-family:var(--display);font-size:clamp(28px,8vw,34px);line-height:1.15}.household-prefix{color:var(--muted);flex-shrink:0}.household-title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.household-meta-row{align-items:center;gap:12px;margin-top:2px;display:flex}.household-meta-row .member-line{flex:1;min-width:0}.household-meta-row .invite{flex-shrink:0}.member-line{color:var(--muted);align-items:center;gap:8px;margin:2px 0 0;font-size:14px;display:flex}.member-line>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-line .pulse{flex-shrink:0}.tabs{z-index:1;padding:max(8px, env(safe-area-inset-top)) 8px 8px;background:var(--bg);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin:0 -8px 18px;display:grid;position:sticky;top:0}.tabs:before{content:"";inset:max(8px, env(safe-area-inset-top)) 8px 8px;z-index:-1;background:var(--surface);border-radius:999px;position:absolute}.tab{min-height:44px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:4px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:flex}.tab[aria-selected=true]{background:var(--soft);color:var(--ink)}.tab-count{background:var(--bg);text-align:center;border-radius:999px;min-width:22px;padding:1px 7px;font-size:12px}.search{background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:10px;margin-bottom:8px;padding:0 16px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:48px;font-size:17px}.search input::placeholder{color:var(--muted)}.recipe-rows{margin:0;padding:0;list-style:none}.recipe-rows a{min-height:64px;color:inherit;flex-direction:column;justify-content:center;gap:2px;padding:8px 0;text-decoration:none;display:flex}.recipe-row-title{font-family:var(--display);font-size:24px;line-height:1.2}.page.household{height:100dvh;min-height:0;padding-bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.page.household>*{flex-shrink:0}.page.household>.household-lists,.page.household>.recipe-browser,.page.household>.week-plan{flex:auto;min-height:0}.recipe-browser{flex-direction:column;display:flex}.recipe-browser .search{flex-shrink:0}.panel-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-bottom:14px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 14px),#0000 100%)}.page.household .tabs{padding-top:8px;position:relative}.page.household .tabs:before{inset:8px}.week-plan{flex-direction:column;display:flex}.week-plan>.recipe-browser{flex:auto;min-height:0}.days{margin:0;padding:0;list-style:none}.day{align-items:center;gap:14px;min-height:72px;padding:6px 0;display:flex}.day+.day{border-top:1px solid var(--surface)}.day-label{background:var(--surface);border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;line-height:1.1;display:flex}.day-label strong{color:var(--ink);font-size:15px}.day-label span{color:var(--muted);font-size:12px}.day.is-today .day-label{background:var(--accent)}.day.is-today .day-label strong,.day.is-today .day-label span{color:var(--on-accent)}.day.is-past{opacity:.6}.day-meal{min-width:0;color:inherit;flex-direction:column;flex:1;gap:2px;text-decoration:none;display:flex}.day-meal .recipe-row-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.day-empty{border:1.5px dashed var(--soft);min-height:48px;color:var(--muted);text-align:left;background:0 0;border-radius:18px;flex:1;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.day-empty.is-quiet{border-color:#0000;padding:0}.picker-title{font-family:var(--display);color:var(--ink);flex-shrink:0;margin:0 0 12px;font-size:24px}.recipe-choice{text-align:left;background:0 0;border:0;flex-direction:column;justify-content:center;gap:2px;width:100%;min-height:64px;padding:8px 0;display:flex}.week-nav{background:var(--soft);min-height:58px;box-shadow:var(--lift);border-radius:999px;justify-content:space-between;align-items:center;padding:0 6px;display:flex}.week-nav .icon-btn:disabled{opacity:.35;cursor:default}.week-nav-label{flex-direction:column;align-items:center;line-height:1.2;display:flex}.week-nav-label strong{color:var(--ink)}.week-nav-label small{color:var(--muted);font-size:13px}.link-import{background:var(--soft);box-shadow:var(--lift);border-radius:24px;flex-direction:column;gap:8px;padding:12px 12px 12px 16px;animation:.2s ease-out both fade;display:flex}.link-import label{color:var(--ink);font-size:15px;font-weight:700}.link-row{gap:8px;display:flex}.link-row input{background:var(--surface);border:0;border-radius:14px;outline:none;flex:1;min-width:0;height:48px;padding:0 14px;font-size:16px}.link-row .btn-soft{background:var(--accent);min-height:48px;color:var(--on-accent)}.link-import .card-note{color:var(--ink);margin:0}.import-note{background:var(--soft);color:var(--ink);border-radius:16px;margin:8px 0 18px;padding:12px 16px;font-size:15px}.recipe-photo{object-fit:cover;background:var(--soft);border-radius:24px;width:100%;max-height:260px;margin:0 0 20px;display:block}.recipe.has-importer{padding-bottom:calc(210px + env(safe-area-inset-bottom))}.recipe-form .title-input{font-size:clamp(30px,8.5vw,44px)}.import-note a{color:inherit;text-underline-offset:3px;font-weight:700}.theme-switch{background:var(--surface);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:inline-grid}.theme-switch button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:700}.theme-switch button[aria-pressed=true]{background:var(--soft);color:var(--ink)}.settings{flex-direction:column;gap:14px;display:flex}.settings-row{color:var(--muted);align-items:center;gap:12px;font-size:15px;display:flex}