:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--primary:#356a4d;--on-primary:#fff;--primary-container:#b8f1c9;--on-primary-container:#082015;--secondary-container:#d5e8d8;--on-secondary-container:#172b1d;--surface:#f8faf6;--surface-container-low:#f1f5ef;--surface-container:#eaf0e9;--surface-container-high:#e3ebe3;--surface-container-highest:#dce5dc;--on-surface:#191c1a;--on-surface-variant:#414942;--outline:#717971;--outline-variant:#c1c9c1;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#410002;--shadow:#00000029;font-family:Roboto,Noto Sans,Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#9bd5ad;--on-primary:#003921;--primary-container:#1b5136;--on-primary-container:#b8f1c9;--secondary-container:#354b3a;--on-secondary-container:#d5e8d8;--surface:#111412;--surface-container-low:#191c1a;--surface-container:#1d211e;--surface-container-high:#272b28;--surface-container-highest:#323632;--on-surface:#e1e3df;--on-surface-variant:#c1c9c1;--outline:#8b938b;--outline-variant:#414942;--error:#ffb4ab;--error-container:#93000a;--on-error-container:#ffdad6;--shadow:#00000080}*{box-sizing:border-box}html,body,#root{background:var(--surface);min-width:320px;min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--on-surface);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}button:disabled{cursor:default;opacity:.45}h1,h2,p{margin:0}h1{letter-spacing:-.025em;font-size:2rem;line-height:1.15}h2{font-size:1.35rem;line-height:1.25}.icon{width:24px;height:24px;display:block}.app-viewport{background:var(--surface-container);min-height:100dvh}.app-frame{background:var(--surface);width:100%;min-height:100dvh;margin:0 auto;position:relative;overflow:clip}.screen{background:var(--surface);flex-direction:column;min-height:100dvh;display:flex;position:relative}.screen-content{flex:1;padding:24px 20px 112px}.top-app-bar{z-index:20;min-height:72px;padding:max(8px, env(safe-area-inset-top)) 12px 8px;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;display:grid;position:sticky;top:0}.top-navigation:empty{width:48px}.top-title{align-content:center;min-width:0;display:grid}.top-title h1{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;line-height:1.25;overflow:hidden}.top-title span{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.top-actions{align-items:center;display:flex}.icon-button{width:48px;height:48px;color:var(--on-surface);background:0 0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface-container)}.avatar-button{background:var(--primary-container);width:40px;height:40px;color:var(--on-primary-container);margin:4px;font-weight:700}.overline,.group-label{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.section-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section-heading h1{margin-top:4px}.count-badge,.active-count{background:var(--secondary-container);min-width:32px;height:32px;color:var(--on-secondary-container);border-radius:16px;place-items:center;padding:0 8px;font-size:.9rem;font-weight:700;display:inline-grid}.list-cards{background:var(--surface-container-low);border-radius:24px;overflow:hidden}.shopping-list-row{border-bottom:1px solid var(--outline-variant);width:100%;min-height:80px;color:var(--on-surface);text-align:left;background:0 0;align-items:center;gap:16px;padding:12px 16px;display:flex}.shopping-list-row:last-child{border-bottom:0}.shopping-list-row:hover{background:var(--surface-container)}.list-leading,.setting-icon{background:var(--secondary-container);width:40px;height:40px;color:var(--on-secondary-container);border-radius:12px;flex:none;place-items:center;display:inline-grid}.list-row-copy{flex:1;min-width:0;display:grid}.list-row-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.list-row-copy span{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.extended-fab{right:max(20px,50vw - 340px);bottom:max(20px, env(safe-area-inset-bottom));z-index:15;min-height:56px;box-shadow:0 4px 12px var(--shadow);background:var(--primary-container);color:var(--on-primary-container);border-radius:18px;align-items:center;gap:10px;padding:0 22px;font-weight:700;display:flex;position:fixed}.empty-state{color:var(--on-surface-variant);text-align:center;justify-items:center;display:grid}.empty-state h2{color:var(--on-surface);margin-top:12px}.empty-state p{margin-top:4px}.large-empty{padding:64px 24px}.empty-icon{background:var(--secondary-container);width:64px;height:64px;color:var(--on-secondary-container);border-radius:22px;place-items:center;display:inline-grid}.empty-icon .icon{width:30px;height:30px}.auth-screen{min-height:100dvh;padding:max(36px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));background:var(--surface);place-items:center;display:grid}.auth-content{gap:28px;width:min(100%,440px);display:grid}.app-mark{background:var(--primary-container);width:64px;height:64px;color:var(--on-primary-container);border-radius:20px;place-items:center;display:inline-grid}.app-mark .icon{width:32px;height:32px}.auth-heading{gap:10px;display:grid}.auth-heading h1{font-size:clamp(2.3rem,12vw,3.2rem)}.auth-heading>p:last-child,.form-support{color:var(--on-surface-variant);line-height:1.5}.auth-form{gap:16px;display:grid}.text-field{display:grid;position:relative}.text-field>span{z-index:1;color:var(--on-surface-variant);pointer-events:none;font-size:.72rem;position:absolute;top:8px;left:16px}.text-field input{border:1px solid var(--outline);width:100%;height:58px;color:var(--on-surface);background:0 0;border-radius:12px;outline:0;padding:21px 16px 6px;font-size:16px}.text-field input:focus{border:2px solid var(--primary);padding:20px 15px 5px}.text-field input::placeholder{color:var(--outline)}.primary-button,.filled-action,.danger-filled{background:var(--primary);min-height:48px;color:var(--on-primary);border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:700;display:inline-flex}.back-link,.text-action{min-height:48px;color:var(--primary);background:0 0;border-radius:24px;justify-self:start;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.dev-code{background:var(--secondary-container);color:var(--on-secondary-container);border-radius:12px;padding:12px 16px;font-family:ui-monospace,monospace;font-size:.9rem}.shopping-screen{overflow:hidden}.items-content{padding:8px 16px calc(104px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.item-list{background:var(--surface-container-low);border-radius:20px;margin:0;padding:0;list-style:none;overflow:hidden}.item-row{border-bottom:1px solid var(--outline-variant);align-items:center;gap:12px;min-height:64px;padding:8px 10px 8px 12px;display:flex}.item-row:last-child{border-bottom:0}.category-icon{background:var(--secondary-container);width:40px;height:40px;color:var(--on-secondary-container);border-radius:12px;flex:none;place-items:center;display:inline-grid}.category-icon .icon{width:21px;height:21px}.item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.check-button{width:48px;height:48px;color:var(--primary);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.check-button:before{content:"";position:absolute}.check-button .icon{border:2px solid var(--outline);border-radius:50%;width:27px;height:27px;padding:4px}.completed-section{margin-top:16px}.completed-toggle{width:100%;min-height:56px;color:var(--on-surface-variant);background:0 0;border-radius:18px;justify-content:space-between;align-items:center;padding:0 12px;font-weight:700;display:flex}.completed-toggle>span{align-items:center;gap:10px;display:flex}.checked-count{background:var(--surface-container-high);border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.75rem;display:inline-grid}.completed-toggle[aria-expanded=true]>.icon{transform:rotate(180deg)}.completed-list{opacity:.72}.completed-list .item-name{font-weight:500;text-decoration:line-through}.list-empty{padding:80px 24px}.item-composer{z-index:20;padding:10px 16px max(10px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 -4px 16px color-mix(in srgb, var(--shadow) 45%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:8px;display:grid;position:fixed;bottom:0;left:max(0px,50vw - 360px);right:max(0px,50vw - 360px)}.suggestion-strip{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.suggestion-strip::-webkit-scrollbar{display:none}.suggestion-strip button{border:1px solid var(--outline-variant);background:var(--surface-container-low);max-width:160px;min-height:36px;color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;border-radius:18px;flex:none;padding:0 16px;overflow:hidden}.composer-bar{background:var(--surface-container-high);min-height:58px;color:var(--on-surface-variant);border-radius:29px;grid-template-columns:24px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:4px 7px 4px 16px;display:grid}.composer-bar input{width:100%;min-width:0;color:var(--on-surface);background:0 0;border:0;outline:0;font-size:16px}.composer-bar input::placeholder{color:var(--on-surface-variant)}.composer-submit{background:var(--primary);width:42px;height:42px;color:var(--on-primary);border-radius:50%;place-items:center;padding:0;display:inline-grid}.composer-submit .icon{transform:rotate(180deg)}.menu-anchor{position:relative}.menu-scrim{z-index:29;background:0 0;position:fixed;inset:0}.overflow-menu{z-index:30;width:190px;box-shadow:0 5px 18px var(--shadow);background:var(--surface-container);border-radius:14px;padding:8px 0;position:absolute;top:48px;right:4px;overflow:hidden}.overflow-menu button{width:100%;min-height:48px;color:var(--on-surface);text-align:left;background:0 0;align-items:center;gap:14px;padding:0 16px;display:flex}.overflow-menu button:hover{background:var(--surface-container-high)}.overflow-menu .danger-action{color:var(--error)}.settings-content{padding:12px 16px max(32px, env(safe-area-inset-bottom));gap:20px;display:grid}.settings-group{background:var(--surface-container-low);border-radius:24px;overflow:hidden}.group-label{padding:20px 20px 8px}.account-row{align-items:center;gap:16px;min-height:88px;padding:12px 20px 20px;display:flex}.account-avatar{background:var(--primary-container);width:52px;height:52px;color:var(--on-primary-container);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:700;display:inline-grid}.account-row>span:last-child,.setting-copy{flex:1;min-width:0;display:grid}.account-row small,.setting-copy small{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.setting-row{align-items:center;gap:14px;min-height:80px;padding:8px 16px;display:flex}.switch{border:2px solid var(--outline);background:var(--surface-container-highest);border-radius:16px;flex:none;align-items:center;width:52px;height:32px;padding:4px;display:flex}.switch span{background:var(--outline);border-radius:50%;width:20px;height:20px;transition:transform .18s}.switch.selected{border-color:var(--primary);background:var(--primary)}.switch.selected span{background:var(--on-primary);transform:translate(20px)}.group-support{color:var(--on-surface-variant);padding:0 20px 18px;font-size:.88rem;line-height:1.45}.email-composer{gap:12px;padding:0 16px 20px;display:grid}.email-composer .filled-action{justify-self:end}.email-list{border-top:1px solid var(--outline-variant)}.email-row{border-bottom:1px solid var(--outline-variant);align-items:center;gap:12px;min-height:64px;padding:8px 8px 8px 16px;display:flex}.email-row:last-child{border-bottom:0}.email-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.email-row .setting-icon{width:36px;height:36px}.email-row .setting-icon .icon{width:20px;height:20px}.inline-empty{color:var(--on-surface-variant);padding:20px}.sign-out-button{min-height:52px;color:var(--error);background:0 0;border-radius:26px;font-weight:700}.dialog-layer{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-scrim{background:#0000006b;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.dialog{width:min(100%,420px);box-shadow:0 12px 32px var(--shadow);background:var(--surface-container-high);color:var(--on-surface);border-radius:28px;padding:24px;position:relative}.dialog h2{margin-bottom:22px}.dialog-copy{color:var(--on-surface-variant);line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;margin:22px -8px -8px 0;display:flex}.danger-filled{background:var(--error);color:#fff}.status-message{border-radius:14px;padding:12px 16px;font-size:.9rem}.status-message.error{background:var(--error-container);color:var(--on-error-container)}.status-message.success{background:var(--secondary-container);color:var(--on-secondary-container)}.floating-status{top:max(76px, env(safe-area-inset-top));z-index:90;box-shadow:0 4px 12px var(--shadow);position:fixed;left:16px;right:16px}.loading-screen{color:var(--on-surface-variant);justify-content:center;align-items:center;gap:16px}.loading-indicator{border:4px solid var(--surface-container-highest);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=721px){.app-viewport{padding:24px}.app-frame{max-width:720px;min-height:calc(100vh - 48px);box-shadow:0 8px 32px var(--shadow);border-radius:30px}.screen{min-height:calc(100vh - 48px)}.top-app-bar{border-radius:30px 30px 0 0}.extended-fab{bottom:44px;right:calc(50vw - 316px)}.item-composer{border-radius:0 0 30px 30px;bottom:24px;left:calc(50vw - 336px);right:calc(50vw - 336px)}}@media (width<=380px){.screen-content{padding-left:16px;padding-right:16px}.auth-screen{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}