:root{color:#233a31;font-synthesis:none;--paper:#fffefa;--bg:#f6f5ef;--ink:#233a31;--muted:#5d6c63;--line:#dde2d9;--green:#174c3c;--accent-text:#174c3c;--soft:#e8eee2;--orange:#a94420;--input:#fffefa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f5ef;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);border-radius:10px;padding:10px 14px;font-weight:600}button:hover{background:var(--soft)}button:disabled{opacity:.6;cursor:wait}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover{filter:brightness(1.13)}input,select{border:1px solid var(--line);background:var(--input);min-height:44px;color:var(--ink);border-radius:8px;width:100%;min-width:0;padding:10px 12px}input:focus,select:focus{outline-offset:2px;outline:2px solid #629981}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b76735}label{font-size:.85rem;font-weight:600;display:block}label>span:first-child{color:var(--muted);margin-bottom:6px;font-size:.75rem;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin-bottom:10px;font-size:clamp(2rem,4vw,2.8rem);font-weight:650}h2{font-size:1.05rem}p{line-height:1.6}.app-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:86px;padding:0 clamp(20px,4vw,56px);display:flex}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:12px;font-size:1.25rem;font-weight:750;text-decoration:none;display:flex}.brand-light{font-weight:400}.brand-icon{background:var(--green);color:#fff;border-radius:10px 10px 14px 14px;place-items:center;width:36px;height:40px;font-size:24px;display:grid}.header-actions{gap:10px;display:flex}.header-actions select{width:72px}.app-layout{grid-template-columns:250px minmax(0,1fr);max-width:1360px;min-height:calc(100dvh - 86px);margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:20px;padding:42px 25px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:.7rem;font-weight:750}.sidebar nav{flex-direction:column;gap:6px;display:flex}.list-link{text-align:left;overflow-wrap:anywhere;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.list-link.current{background:var(--soft);color:var(--accent-text)}.count{background:var(--paper);border-radius:7px;flex-shrink:0;padding:3px 7px;font-size:.75rem}.new-list{background:0 0;border-style:dashed}.sidebar-footer{align-items:center;gap:12px;margin-top:auto;padding-top:40px;font-size:.85rem;display:flex}.sidebar-footer small{color:var(--muted);margin-top:3px;display:block}.avatar{color:#504931;background:#eadfc9;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.shopping{width:100%;max-width:940px;padding:42px clamp(20px,5vw,76px)}.list-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.list-heading .eyebrow{margin-bottom:12px}.list-heading button{background:0 0;border:none;font-size:.8rem}.sync-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;min-height:30px;margin:0 0 24px;font-size:.78rem;display:flex}.status-dot{background:#628265;border-radius:50%;width:7px;height:7px}.offline .status-dot,.error .status-dot,.conflict .status-dot{background:#c07824}.sync-status button{min-height:32px;padding:4px 8px;font-size:.75rem}.composer{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 3px 15px #20362c05}.name-row{align-items:flex-end;gap:12px;display:flex}.grow{flex:1;min-width:0}.name-row .grow>span{clip:rect(0, 0, 0, 0);position:absolute}.name-row input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding-left:0;font-size:1rem}.add-button{white-space:nowrap}.detail-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:18px;display:flex}.quantity{width:83px}.unit{width:84px}.bio-selector{border:0;flex:1;min-width:0;margin:0;padding:0}.bio-selector legend{color:var(--muted);margin-bottom:6px;font-size:.75rem;font-weight:600}.bio-selector>div{background:var(--bg);border:1px solid var(--line);border-radius:9px;min-height:44px;padding:3px;display:flex}.bio-selector label{text-align:center;cursor:pointer;white-space:nowrap;border-radius:6px;flex:1;place-items:center;padding:9px 8px;font-size:.75rem;display:grid;position:relative}.bio-selector input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.bio-selector label:focus-within{outline:2px solid #629981}.bio-selector label.selected{background:var(--paper);color:var(--accent-text);box-shadow:0 1px 4px #0001}.bio-help{color:var(--muted);margin:10px 5px 26px;font-size:.68rem;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:30px 0 12px;display:flex}.section-heading h2{margin:0;font-weight:650}.section-heading h2>span{color:var(--muted);margin-left:7px;font-size:.8rem;font-weight:400}.section-heading button{min-height:36px;color:var(--muted);background:0 0;border:none;padding:6px 10px;font-size:.75rem}.items{border:1px solid var(--line);background:var(--paper);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.item{align-items:center;gap:12px;min-height:80px;padding:13px 16px;display:flex}.item+.item{border-top:1px solid var(--line)}.check{cursor:pointer;place-items:center;width:44px;min-width:44px;height:44px;display:grid;position:relative}.check input{opacity:0;cursor:pointer;position:absolute;inset:0}.check>span{color:#0000;border:1.5px solid #a5b2a7;border-radius:8px;place-items:center;width:25px;height:25px;margin:0!important;display:grid!important}.check input:checked+span{background:var(--green);border-color:var(--green);color:#fff}.check:focus-within{border-radius:8px;outline:2px solid #629981}.item-main{text-align:left;border:0;flex:1;min-width:0;padding:0;font-weight:400;background:0 0!important}.item-main strong{overflow-wrap:anywhere;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.item-main>span{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;display:flex}.bio-tag{border:1px solid var(--line);border-radius:5px;padding:4px 7px;font-size:.64rem;font-weight:650;line-height:1.3;display:inline-block}.bio-tag.organic_required{color:#3a5b28;background:#e5efdb;border-color:#d4e3c6}.bio-tag.conventional_required{color:#775334;background:#f2e6db;border-color:#ead5c3}.bought .item-main strong{color:var(--muted);text-decoration:line-through}.bought{background:var(--bg)}.icon-button{background:0 0;border:0;width:44px;min-width:44px;padding:0;font-size:24px}.remove{color:var(--muted)}.shopping-footer{text-align:center;color:var(--muted);margin:38px 0 0;font-size:.7rem}.empty{text-align:center;color:var(--muted);padding:40px 16px}.empty h2{letter-spacing:-.03em;color:var(--ink);margin-top:18px;font-size:1.3rem}.empty p{max-width:330px;margin:0 auto;font-size:.9rem}.empty-icon{background:var(--soft);width:62px;height:62px;color:var(--green);border-radius:22px;place-items:center;font-size:30px;display:inline-grid}.auth{text-align:center;max-width:680px;margin:auto;padding:65px 20px}.auth h1{margin-top:18px}.auth>p{color:var(--muted)}.auth-card{background:var(--paper);border:1px solid var(--line);text-align:left;border-radius:18px;max-width:390px;margin:35px auto 0;padding:28px}.auth-card label{margin:18px 0}.auth-card input{margin-top:8px}.auth-card .primary{width:100%}.auth-card .small{margin:16px 0 0}.small{color:var(--muted);font-size:.75rem;line-height:1.5}.error{color:#a73627;overflow-wrap:anywhere;background:#fff0e9;border:1px solid #eac3b5;border-radius:8px;padding:12px;font-size:.85rem}.notice{background:var(--soft);border-radius:8px;padding:12px;font-size:.85rem}.conflict-card{background:var(--paper);border:1px solid #c8894f;border-radius:12px;margin-bottom:20px;padding:18px}.conflict-card p,.conflict-card dl{font-size:.8rem}.conflict-card dd{overflow-wrap:anywhere;margin:4px 0 12px}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;width:100%;max-width:min(590px,100vw - 24px);max-height:90dvh;padding:26px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#13291f88}.modal-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.modal-heading h2{overflow-wrap:anywhere;margin:0}dialog form>label{margin-bottom:16px}dialog h3{margin:28px 0 10px}dialog p{font-size:.85rem}dialog>label input,dialog form>label input{margin-top:8px}.admin-list{margin:15px 0;padding:0;list-style:none}.admin-list li{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:.8rem;display:flex}.danger{color:var(--orange)}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.loading{padding:30px}.edit-form .name-row .grow>span{clip:auto;display:block;position:static}@media (width<=760px){.app-header{height:70px;padding:0 18px}.brand{gap:9px;font-size:1.1rem}.brand-icon{width:30px;height:34px}.app-layout{display:block}.sidebar{border:0;gap:12px;padding:20px 18px 0}.sidebar>.eyebrow,.sidebar-footer{display:none}.sidebar nav{flex-flow:wrap;gap:8px}.list-link{border:1px solid var(--line);max-width:100%;padding:8px 12px}.new-list{align-self:flex-start;min-height:36px;padding:6px 12px;font-size:.8rem}.shopping{padding:27px 18px}.list-heading h1{font-size:2.1rem}.composer{padding:15px}.detail-row{gap:10px}.quantity{width:68px}.unit{width:72px}.bio-selector label{padding:9px 5px;font-size:.7rem}.bio-selector{min-width:210px}.item{gap:8px;padding:11px 10px}.check{width:38px;min-width:38px}.add-button{padding:10px 14px}.add-button span{font-size:.8rem}dialog{padding:20px}.auth{padding-top:45px}.shopping-footer{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=370px){.brand-light{display:none}.bio-selector{flex-basis:100%}.add-button span{display:none}}:root[data-theme=dark]{--accent-text:#abd7b6;--paper:#1e2b24;--bg:#14211b;--ink:#e4ebe1;--muted:#a9b9ac;--line:#3c4d41;--green:#376e54;--soft:#2a3e2e;--input:#1b2921;background:var(--bg);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--accent-text:#abd7b6;--paper:#1e2b24;--bg:#14211b;--ink:#e4ebe1;--muted:#a9b9ac;--line:#3c4d41;--green:#376e54;--soft:#2a3e2e;--input:#1b2921;background:var(--bg);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}