:root{color:var(--text,#173038);background:var(--page-bg,#ecf4f6);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;color:var(--text,#173038);background:var(--page-bg,#ecf4f6);margin:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}.app-shell{gap:1rem;max-width:980px;margin:0 auto;padding:2rem 1rem 3rem;display:grid}.hero-panel{color:#f3fbfc;background:linear-gradient(130deg,#093755f2,#295f4aeb);border-radius:18px;padding:1.5rem;box-shadow:0 14px 28px #09242b3d}.hero-panel h1{margin:0;font-size:clamp(1.5rem,2.5vw,2rem)}.hero-panel p{color:#f3fbfce6;margin-top:.5rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-top:1rem;display:grid}.summary-card{background:#ffffff24;border:1px solid #fff3;border-radius:12px;padding:.75rem}.summary-label{letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:.8rem}.summary-value{margin-top:.25rem;font-size:1.35rem;font-weight:700}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #d6e3e7;border-radius:16px;padding:1rem;box-shadow:0 8px 20px #1822240f}.panel-title{color:#1e2f35;margin:0;font-size:1rem}.panel-subtitle{color:#43616d;font-size:.9rem}.panel-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.inline-update-time{text-align:right;margin:0}.composer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.field{gap:.35rem;display:grid}.field label{color:#2e4a52;font-size:.82rem}.field input,.field textarea,.field select{box-sizing:border-box;width:100%;font:inherit;color:#122128;background:#fff;border:1px solid #b8cfd6;border-radius:10px;padding:.6rem .7rem}.field textarea{resize:vertical;min-height:80px}.inline-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.mode-toggle{gap:.5rem;margin:.9rem 0;display:flex}.mode-toggle .btn{flex:1}.auth-summary{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.auth-summary-info{flex:1;min-width:0}.auth-summary-info .status-row{margin-top:.4rem}.auth-summary-actions{flex-wrap:wrap;align-items:flex-start;gap:.4rem;display:flex}.toolbar-panel{gap:.85rem;display:grid}.toolbar-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.create-shopping-list-form{gap:.5rem;display:grid}.status-row{flex-wrap:wrap;gap:.5rem;display:flex}.tab-panel{padding:.7rem}.tab-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;display:grid}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem;display:grid}.catalog-card{background:#f9fcfd;border:1px solid #d0e2e7;border-radius:12px;gap:.75rem;padding:.75rem;display:grid}.catalog-title{color:#24444f;margin:0;font-size:.95rem}.catalog-form{gap:.55rem;display:grid}.catalog-form--inline{grid-template-columns:minmax(0,1fr) auto;align-items:end}.catalog-form--inline .field{min-width:0}.inline-field-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.inline-field-grid label{margin-bottom:.35rem;display:block}.catalog-list{gap:.55rem;display:grid}.catalog-toolbar{grid-template-columns:1fr auto;align-items:end;gap:.55rem;display:grid}.catalog-row{background:#fff;border:1px solid #d3e2e7;border-radius:10px;gap:.45rem;padding:.6rem;display:grid}.catalog-row input,.catalog-row select{font:inherit;border:1px solid #bdd1d8;border-radius:8px;padding:.45rem .55rem}.catalog-row-product{gap:.2rem;padding:.45rem .6rem}.catalog-product-heading{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.catalog-product-name{text-overflow:ellipsis;white-space:nowrap;color:#1e3b45;min-width:0;font-weight:700;overflow:hidden}.catalog-product-actions{flex:none;align-items:center;gap:.25rem;display:flex}.catalog-product-meta{color:#53707b;flex-wrap:wrap;gap:.15rem .7rem;font-size:.78rem;line-height:1.25;display:flex}.catalog-product-meta small{display:inline}.catalog-group-hint{color:#53707b}.row-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.catalog-icon-btn{width:2rem;min-width:2rem;padding:.25rem;line-height:1.2}.catalog-empty{color:#4d6772;margin:0}.chip{color:#24454f;background:#f4fbfc;border:1px solid #c9dce1;border-radius:999px;padding:.2rem .65rem;font-size:.82rem}.chip-online{color:#1f5d3f;background:#ebf8f1;border-color:#bde2cc}.chip-offline{color:#874d13;background:#fff3e8;border-color:#f2d2b5}.btn{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.58rem .9rem;transition:transform .12s,box-shadow .12s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{color:#f7fffd;background:linear-gradient(130deg,#177d66,#0f6352)}.btn-muted{color:#1d3740;background:#dbe8ec}.btn-danger{color:#fff4f4;background:#a93b42}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 14px #142d3329}.status-banner{border:1px solid #0000;border-radius:12px;padding:.75rem .9rem}.status-banner.error{color:#7f2328;background:#fff3f2;border-color:#f7cbc8}.status-banner.success{color:#21543a;background:#effbf5;border-color:#c9efd8}.dialog-backdrop{z-index:1000;background:#05141c73;justify-content:center;align-items:flex-start;padding:2rem 1rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog-card{background:#fff;border:1px solid #d0e2e7;border-radius:14px;width:min(760px,96vw);max-height:92vh;padding:1rem;overflow:auto;box-shadow:0 22px 44px #08161c38}.list-grid{gap:.65rem;display:grid}.item-card{background:#fbfefe;border:1px solid #d0e2e7;border-radius:12px;gap:.6rem;padding:.8rem;display:grid}.item-card.is-purchased{opacity:.72;background:#f4f8f9}.item-main{align-items:center;gap:.55rem;display:flex}.item-name{color:#173038;font-size:1rem;font-weight:700}.item-name.strike{text-decoration:line-through}.item-detail-meta{color:#4a6873}.meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quantity-control{background:#fff;border:1px solid #c6d9df;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem;display:inline-flex}.qty{text-align:center;color:#1f3e48;min-width:2ch;font-weight:700}.btn-chip{cursor:pointer;color:#1b3c45;background:#d9e8ec;border:none;border-radius:999px;width:28px;height:28px;font-size:1rem;line-height:1}.empty-state{text-align:center;color:#335562;background:#f7fbfc;border:1px dashed #b5ccd3;border-radius:12px;padding:1rem}.foot-note{color:#4f6972;text-align:right;font-size:.82rem}@media (width<=700px){.app-shell{padding:1rem .7rem 2rem}.inline-actions{justify-content:stretch}.inline-actions .btn{flex:1}.auth-summary{flex-direction:column;align-items:flex-start}.inline-field-grid,.catalog-toolbar{grid-template-columns:1fr}}.list-select-row{align-items:center;gap:.4rem;display:flex}.list-select-row select{flex:1}.list-rename-row{align-items:center;gap:.4rem;display:flex}.list-rename-input{flex:1}.btn-sm{padding:.2rem .5rem;font-size:.82rem}.summary-bar{background:var(--surface);border-radius:var(--radius);gap:.4rem;margin-bottom:.75rem;padding:.6rem 1rem .7rem;display:grid}.summary-action-row{justify-content:flex-start;display:flex}.summary-chip-row{flex-wrap:wrap;align-items:center;gap:.45rem;padding-left:.08rem;display:flex}.summary-chip{background:var(--chip-bg,#e9ecef);color:var(--chip-text,#495057);border-radius:999px;padding:.2rem .6rem;font-size:.82rem;font-weight:500}.summary-chip.open{color:#856404;background:#fff3cd}.summary-chip.done{color:#0a3622;background:#d1e7dd}.summary-chip.session-active{color:#0d3d66;background:#d8ecff}.filter-bar{grid-template-columns:1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.filter-row{align-items:center;gap:.5rem;min-width:0;display:flex}.filter-search-row .search-wrapper{width:100%}.filter-toggle{white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.4rem .55rem;display:flex}.filter-toggle input{width:1rem;height:1rem}.filter-input{box-sizing:border-box;flex:1;width:100%;min-width:120px;padding-right:2rem}.search-wrapper{flex:16rem;min-width:9rem;position:relative}.search-clear-btn{cursor:pointer;color:var(--muted);opacity:.7;background:0 0;border:none;padding:.2rem;font-size:.85rem;line-height:1;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.search-clear-btn:hover{opacity:1}.filter-group-select{flex:none;min-width:140px}.group-section{margin-bottom:.5rem}.group-section-header{background:var(--surface-elevated,#f0f2f5);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.9rem;font-weight:600;display:flex}.group-section-header:hover{background:var(--surface-elevated-hover,#e2e5ea)}.group-collapse-arrow{color:var(--muted);font-size:.7rem}.group-name{flex:1}.group-item-count{color:var(--muted);font-size:.8rem;font-weight:400}.group-items{flex-direction:column;gap:.4rem;padding:.25rem 0 0 .25rem;display:flex}.item-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:opacity .2s;overflow:hidden}.item-card.is-purchased{background:#f4f8f9}.item-card.is-purchased>.item-collapsed{opacity:.55}.item-collapsed{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.item-check-label{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-.5rem -.1rem -.5rem -.6rem;display:flex}.item-check-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:20px;height:20px}.item-summary{flex-wrap:wrap;flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.item-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.item-name.strike{color:var(--muted);text-decoration:line-through}.item-brand{color:var(--muted);font-size:.82rem}.item-qty-pill{background:var(--chip-bg,#e9ecef);color:var(--chip-text,#495057);white-space:nowrap;border-radius:999px;padding:.1rem .45rem;font-size:.8rem}.expand-arrow{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-shrink:0;padding:.2rem .3rem;font-size:.7rem}.item-expanded-section{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;padding:.5rem .6rem;display:flex}.item-action-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.item-move-btns{gap:.2rem;display:flex}.move-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:#2b4b56;background:#f6fafb;min-width:30px;min-height:28px;padding:.1rem .35rem;font-size:.9rem;line-height:1}.move-btn:disabled{opacity:.45;cursor:default}.item-notes-expanded{color:var(--muted);margin:0;font-size:.82rem}.item-inline-amount-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.item-inline-qty-input{width:4.5rem}.item-inline-unit{color:var(--muted);font-size:.85rem}.item-group-readonly{color:var(--muted);margin:0;font-size:.82rem}.item-last-purchased{color:var(--muted);margin:.3rem 0 0;font-size:.78rem;font-style:italic}.item-group-label{color:var(--muted);white-space:nowrap;font-size:.85rem}.shopping-view{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.shopping-header{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000012}.shopping-back-btn{font-size:.9rem}.shopping-summary{font-size:.9rem;font-weight:600}.shopping-content{flex-direction:column;flex:1;gap:.5rem;padding:.75rem 1rem 3rem;display:flex}.shopping-session-notice{color:#1f5f33;background:#eef8ef;border:1px solid #c8e6ca;border-radius:12px;margin:0 0 .35rem;padding:.55rem .75rem;font-size:.85rem}.shopping-group{margin-bottom:.25rem}.shopping-group-name{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.5rem 0 .25rem;font-size:.82rem;font-weight:600}.group-open-count{color:var(--accent,#2196f3);font-weight:700}.shopping-group-ungrouped{font-style:italic}.shopping-item{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.4rem .2rem;transition:opacity .15s;display:flex}.shopping-item.is-purchased{opacity:.45}.shopping-item-name{flex:1;font-size:.95rem}.shopping-item.is-purchased .shopping-item-name{color:var(--muted);text-decoration:line-through}.shopping-item-qty{color:var(--muted);white-space:nowrap;font-size:.82rem}.shopping-item{flex-direction:column;align-items:stretch}.shopping-item-row{align-items:center;gap:.6rem;display:flex}.shopping-item-check-label{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-.4rem 0;display:flex}.shopping-item-check-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:20px;height:20px}.shopping-item-note{color:var(--muted);margin:.1rem 0 0 2.8rem;font-size:.78rem;font-style:italic}.note-icon-btn{cursor:pointer;opacity:.75;background:0 0;border:none;flex-shrink:0;padding:.2rem .3rem;font-size:1.05rem;line-height:1;transition:opacity .15s}.note-icon-btn.active,.note-icon-btn:hover{opacity:1}.item-note-inline{color:var(--muted);margin:0;padding:.15rem .6rem .3rem 2.2rem;font-size:.82rem;font-style:italic}.unit-input-row{align-items:center;gap:.3rem;display:flex}.unit-input-row select,.unit-input-row input{flex:1;min-width:0}.item-notes-textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:3rem}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-section-title{color:var(--text);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.settings-list{flex-direction:column;gap:.4rem;display:flex}.settings-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.settings-row-input{flex:1;min-width:120px}.settings-group-order{flex-shrink:0;gap:.2rem;display:flex}.settings-icon-btn{width:2rem;min-width:2rem;padding:.25rem;line-height:1.2}.settings-empty{color:var(--muted);margin:.2rem 0;font-size:.85rem}.confirm-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface,#fff);border-radius:16px;width:calc(100% - 2rem);max-width:320px;padding:1.5rem 1.25rem;box-shadow:0 12px 40px #00000047}.confirm-btns{flex-direction:column;gap:.65rem;display:flex}.confirm-btns .btn{justify-content:center;width:100%}.confirm-input{box-sizing:border-box;width:100%;font:inherit;color:#122128;background:#fff;border:1px solid #b8cfd6;border-radius:10px;margin-bottom:.75rem;padding:.6rem .7rem}.shopping-filter-btns{gap:.25rem;display:flex}@keyframes remote-flash-added{0%{background-color:#d4f7dc}70%{background-color:#d4f7dc}to{background-color:#0000}}@keyframes remote-flash-updated{0%{background-color:#dbeeff}70%{background-color:#dbeeff}to{background-color:#0000}}.item-card--remote-added{border-left:3px solid #22c55e;animation:5s forwards remote-flash-added}.item-card--remote-updated{border-left:3px solid #3b82f6;animation:5s forwards remote-flash-updated}.item-change-badge{border-radius:999px;flex-shrink:0;padding:.1rem .35rem;font-size:.65rem;font-weight:700;line-height:1}.item-change-badge--added{color:#fff;background:#22c55e}.item-change-badge--updated{color:#fff;background:#3b82f6}:root[data-design=warm]{--page-bg:#f6f3e9;--surface:#fffef9;--surface-elevated:#eeefe4;--surface-elevated-hover:#e5e8d8;--border:#dce1d2;--text:#173b2f;--muted:#647568;--accent:#28664d;--chip-bg:#e8ecdf;--chip-text:#315742;--radius:18px}:root[data-design=compact]{--page-bg:#f1f3f5;--surface:#fff;--surface-elevated:#edf0f3;--surface-elevated-hover:#e2e7eb;--border:#d6dce2;--text:#1d2733;--muted:#687584;--accent:#23934f;--chip-bg:#edf0f3;--chip-text:#344353;--radius:12px}:root[data-design] body{background:var(--page-bg);color:var(--text)}:root[data-design] .app-shell{color:var(--text);gap:.85rem}:root[data-design] .panel,:root[data-design] .summary-bar,:root[data-design] .toolbar-panel{background:var(--surface);border-color:var(--border);border-radius:var(--radius);color:var(--text);box-shadow:0 5px 18px #1f2f270e}:root[data-design] .panel-title,:root[data-design] .settings-section-title,:root[data-design] .catalog-title{color:var(--text)}:root[data-design] .panel-subtitle,:root[data-design] .field label,:root[data-design] .item-detail-meta,:root[data-design] .catalog-group-hint,:root[data-design] .settings-empty{color:var(--muted)}:root[data-design] .field input,:root[data-design] .field textarea,:root[data-design] .field select,:root[data-design] .catalog-row input,:root[data-design] .catalog-row select,:root[data-design] .filter-input,:root[data-design] .filter-group-select,:root[data-design] .item-inline-qty-input,:root[data-design] .confirm-input,:root[data-design] .list-rename-input{color:var(--text);background:var(--surface);border-color:var(--border);border-radius:12px}:root[data-design] .btn-primary{color:#fff;background:var(--accent)}:root[data-design] .btn-muted{color:var(--text);background:var(--surface-elevated)}:root[data-design] .item-card,:root[data-design] .catalog-card,:root[data-design] .catalog-row{background:var(--surface);border-color:var(--border);border-radius:var(--radius)}:root[data-design] .item-card.is-purchased{background:var(--surface-elevated)}:root[data-design] .item-name,:root[data-design] .catalog-product-name,:root[data-design] .qty{color:var(--text)}:root[data-design] .item-qty-pill,:root[data-design] .summary-chip,:root[data-design] .chip{color:var(--chip-text);background:var(--chip-bg)}:root[data-design] .chip-online,:root[data-design] .summary-chip.done{color:#275b37;background:#e6f2e7}:root[data-design] .chip-offline,:root[data-design] .summary-chip.open{color:#79551a;background:#f7efd9}:root[data-design] .summary-chip.session-active{color:#315b70;background:#e5eff3}:root[data-design] .group-section-header{background:var(--surface-elevated)}:root[data-design] .empty-state{color:var(--text);background:var(--surface);border-color:var(--border)}:root[data-design] .shopping-view{color:var(--text);background:var(--page-bg)}:root[data-design] .shopping-header{color:var(--text);background:var(--surface);border-color:var(--border)}:root[data-design] .shopping-item{border-color:var(--border)}:root[data-design] .shopping-group-name{color:var(--muted)}:root[data-design] .shopping-item-name{color:var(--text)}:root[data-design] .shopping-item-qty{color:var(--muted)}:root[data-design] .filter-toggle{color:var(--text);background:var(--surface);border-color:var(--border)}:root[data-design=warm] body{background:radial-gradient(950px 380px at 4% -10%, #dde1c76b, transparent), var(--page-bg)}:root[data-design=warm] .app-shell{max-width:820px;padding-top:1.4rem}:root[data-design=warm] .item-collapsed{padding:.65rem .7rem}:root[data-design=warm] .item-card,:root[data-design=warm] .catalog-card{box-shadow:0 2px 9px #30452d0b}:root[data-design=warm] .summary-bar{padding:.8rem 1rem}:root[data-design=warm] .summary-action-row .btn-primary{min-height:48px}:root[data-design=warm] .shopping-content{width:100%;max-width:820px;margin:0 auto;padding-top:1rem}:root[data-design=compact] .app-shell{gap:.6rem;max-width:900px;padding-top:.85rem}:root[data-design=compact] .panel{padding:.8rem;box-shadow:0 1px 5px #1f29370b}:root[data-design=compact] .summary-bar{box-shadow:none;gap:.35rem;padding:.55rem .75rem}:root[data-design=compact] .summary-chip-row{gap:.35rem}:root[data-design=compact] .item-collapsed{min-height:48px;padding:.3rem .45rem}:root[data-design=compact] .group-section{margin-bottom:.3rem}:root[data-design=compact] .group-section-header{padding:.35rem .5rem}:root[data-design=compact] .group-items{gap:.25rem;padding-top:.2rem}:root[data-design=compact] .shopping-content{width:100%;max-width:900px;margin:0 auto;padding-top:.5rem}.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.5rem 0 1.15rem;display:grid}.theme-choice{border:1px solid var(--border);text-align:left;min-height:86px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:14px;grid-template-columns:58px minmax(0,1fr) 24px;align-items:center;gap:.75rem;padding:.7rem;display:grid}.theme-choice.is-selected{border:2px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);padding:calc(.7rem - 1px)}.theme-choice:disabled{cursor:wait;opacity:.75}.theme-choice-preview{border:1px solid var(--border);border-radius:10px;align-content:center;gap:5px;height:54px;padding:8px;display:grid}.theme-choice-preview span{border-radius:99px;height:6px}.theme-choice--warm .theme-choice-preview{background:#f6f3e9}.theme-choice--warm .theme-choice-preview span{background:#28664d}.theme-choice--warm .theme-choice-preview span:nth-child(2){background:#dce1d2}.theme-choice--compact .theme-choice-preview{background:#f1f3f5}.theme-choice--compact .theme-choice-preview span{background:#23934f}.theme-choice--compact .theme-choice-preview span:nth-child(2){background:#d6dce2}.theme-choice-copy{gap:.15rem;display:grid}.theme-choice-copy strong{font-size:.92rem}.theme-choice-copy>span{color:var(--muted);font-size:.8rem;line-height:1.3}.theme-choice-check{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.85rem;font-weight:700;display:grid}.theme-choice:not(.is-selected) .theme-choice-check{border:1px solid var(--border);background:0 0}@media (width<=600px){.theme-choices{grid-template-columns:1fr}.summary-action-row,.summary-action-row>.btn{width:100%}.theme-choice{min-height:76px}:root[data-design=warm] .app-shell{padding:.9rem .7rem 2rem}:root[data-design=compact] .app-shell{padding:.65rem .55rem 1.5rem}:root[data-design] .shopping-header{gap:.35rem;padding:.5rem}:root[data-design] .shopping-content{padding-left:.7rem;padding-right:.7rem}}:root[data-design] .app-shell{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}.list-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.list-page-header h1{overflow-wrap:anywhere;font-size:clamp(1.7rem,6vw,2.2rem);line-height:1.15}.list-page-eyebrow{color:var(--muted);margin-bottom:.25rem;font-size:.85rem}.connection-details{flex-shrink:0;position:relative}.connection-details summary{background:var(--surface-elevated);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .7rem;list-style:none;display:flex}.connection-details summary::-webkit-details-marker{display:none}.connection-dot{background:#23804c;border-radius:50%;width:9px;height:9px}.connection-dot.is-warning{background:#b36b16}.connection-label{font-size:.82rem;font-weight:600}.connection-content{z-index:20;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:.5rem;width:min(290px,100vw - 2rem);padding:1rem;font-size:.85rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 30px #00000024}.connection-notice{color:#79551a;background:#f7efd9;border-radius:10px;padding:.55rem .7rem;font-size:.85rem}.list-toolbar .field label{font-size:.78rem}.list-toolbar .list-select-row select{min-width:0}:root[data-design] .summary-bar{background:var(--surface-elevated);box-shadow:none;gap:.5rem;margin:0;padding:.9rem 1rem}.progress-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem .75rem;display:flex}.progress-heading strong{font-size:1rem}.progress-heading span,.progress-caption,.active-session-notice{color:var(--muted);font-size:.83rem}.shopping-progress{background:var(--border);width:100%;height:8px;accent-color:var(--accent);border:0;border-radius:999px;display:block;overflow:hidden}.shopping-progress::-webkit-progress-bar{background:var(--border);border-radius:999px}.shopping-progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.shopping-progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.active-session-notice{color:var(--text)}.list-primary-actions{gap:.6rem;display:flex}.start-shopping-btn{flex:1;min-height:48px}.item-composer{flex:1}.item-composer .inline-actions,.add-item-btn{width:100%;min-height:48px}.list-content{min-width:0}.list-content .panel-header-row{margin:.25rem 0 .65rem}.list-content .panel-title{font-size:1.05rem}:root[data-design] .list-content .filter-input,:root[data-design] .list-content .filter-group-select{border:1px solid var(--border);min-height:44px;padding:.6rem .7rem}:root[data-design] .list-content .filter-input{background:var(--surface-elevated);padding-right:2rem}.filter-bar .filter-row{flex-wrap:wrap}.filter-toggle{min-height:40px}:root[data-design] .group-section-header{min-height:48px}:root[data-design] .list-content .item-card{box-shadow:none;background:0 0;border-width:0 0 1px;border-radius:0}:root[data-design] .list-content .item-card.is-purchased{background:0 0}:root[data-design] .group-items{gap:0;padding-left:0}.bottom-navigation{z-index:200;padding:.35rem max(.5rem, env(safe-area-inset-right,0px)) calc(.35rem + env(safe-area-inset-bottom,0px)) max(.5rem, env(safe-area-inset-left,0px));border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 16px #0000000d}.bottom-navigation-item{min-width:0;min-height:54px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:.15rem;padding:.25rem;font-size:.75rem;display:grid}.bottom-navigation-item svg{width:23px;height:23px}.bottom-navigation-item.is-active{color:var(--accent);font-weight:700}.bottom-navigation-item:focus-visible,.connection-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=420px){.list-primary-actions{flex-direction:column}}