:root{color:#173038;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ecf4f6;font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(1200px 420px at 2% -8%,#97d0b657,#0000),radial-gradient(900px 420px at 98% 0,#61a6c942,#0000),#ecf4f6;min-height:100vh;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 0 .75rem;font-size:1rem}.panel-subtitle{color:#43616d;font-size:.9rem}.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{justify-content:space-between;align-items:center;gap:.75rem;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}.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{grid-template-columns:1fr}.catalog-product-name{color:#1e3b45;font-weight:700}.catalog-row small{display:block}.catalog-group-hint{color:#53707b}.row-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.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);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem;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}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.filter-input{flex:1;min-width:120px}.filter-group-select{min-width:140px}.group-all-btns{gap:.4rem;margin-bottom:.5rem;display:flex}.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-move-btns{gap:.2rem;display:flex}.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-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:var(--muted);background:0 0;padding:.1rem .35rem;font-size:.7rem}.move-btn:disabled{opacity:.35;cursor:default}.item-notes-expanded{color:var(--muted);margin:0;font-size:.82rem}.item-group-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.item-group-label{color:var(--muted);white-space:nowrap;font-size:.85rem}.item-group-select{flex:1;min-width:120px}.item-edit-grid{flex:1;grid-template-columns:1fr 1fr;gap:.4rem .6rem;display:grid}.item-edit-actions{grid-column:1/-1;gap:.4rem;display:flex}.group-add-row{align-items:center;gap:.4rem;display:flex}.group-add-input{flex:1}.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-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}.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-note{color:var(--muted);margin:.1rem 0 0 1.5rem;font-size:.78rem;font-style:italic}.note-icon-btn{cursor:pointer;opacity:.45;background:0 0;border:none;flex-shrink:0;padding:0 .15rem;font-size:.85rem;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-empty{color:var(--muted);margin:.2rem 0;font-size:.85rem}@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}