:root{color-scheme:light dark;--paper: #f7f6f0;--surface: #ffffff;--surface-2: #fbfaf5;--ink: #1b2118;--muted: #6c7268;--line: #e5e2d8;--line-soft: #eeebe1;--accent: #3c8e5a;--accent-ink: #2c6e44;--accent-wash: #eaf3ec;--danger: #b4462f;--shadow: 0 1px 2px rgba(30, 40, 25, .05), 0 8px 24px -14px rgba(30, 40, 25, .18);--on-accent: #ffffff;--aisle-produce: #4fa05e;--aisle-meat: #c06a6a;--aisle-dairy: #5b8fb0;--aisle-bakery: #c79a4b;--aisle-pantry: #9078b8;--aisle-house: #7c8794;--touch-min: 44px}@media (prefers-color-scheme: dark){:root{--paper: #14160f;--surface: #1e211a;--surface-2: #23261e;--ink: #ecede4;--muted: #9aa091;--line: #313529;--line-soft: #282c22;--accent: #6fbf89;--accent-ink: #8fd0a3;--accent-wash: #24312a;--danger: #e08a76;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -16px rgba(0, 0, 0, .6);--on-accent: #10130d}}:root[data-theme=light]{--paper: #f7f6f0;--surface: #ffffff;--surface-2: #fbfaf5;--ink: #1b2118;--muted: #6c7268;--line: #e5e2d8;--line-soft: #eeebe1;--accent: #3c8e5a;--accent-ink: #2c6e44;--accent-wash: #eaf3ec;--danger: #b4462f;--shadow: 0 1px 2px rgba(30, 40, 25, .05), 0 8px 24px -14px rgba(30, 40, 25, .18);--on-accent: #ffffff}:root[data-theme=dark]{--paper: #14160f;--surface: #1e211a;--surface-2: #23261e;--ink: #ecede4;--muted: #9aa091;--line: #313529;--line-soft: #282c22;--accent: #6fbf89;--accent-ink: #8fd0a3;--accent-wash: #24312a;--danger: #e08a76;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -16px rgba(0, 0, 0, .6);--on-accent: #10130d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.page{max-width:640px;margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom))}.header{position:sticky;top:0;z-index:20;max-width:640px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:14px 0 12px;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line-soft)}.header__titles{flex:1;min-width:0}.header__title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:8px}.header__logo{font-size:1.35rem;line-height:1}.header__tally{display:block;margin-top:2px;font-size:.72rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.icon-btn{width:var(--touch-min);height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;border-radius:11px;color:var(--muted);flex-shrink:0;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn svg{width:20px;height:20px}.btn-clear{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:var(--touch-min);padding:0 15px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:.82rem;font-weight:600;box-shadow:var(--shadow);transition:background .15s,border-color .15s,opacity .15s,transform .08s}.btn-clear:active{transform:scale(.97)}.btn-clear:disabled{opacity:.4;cursor:default;box-shadow:none}.btn-clear:not(:disabled):hover{border-color:var(--accent);color:var(--accent-ink)}.btn-clear svg{width:15px;height:15px}@media (max-width: 380px){.btn-clear span{display:none}.btn-clear{padding:0;width:var(--touch-min);justify-content:center}.btn-clear svg{width:18px;height:18px}}.notice{margin:24px 0;padding:16px;text-align:center;color:var(--muted);font-size:.95rem}.notice--error{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--danger);background:var(--surface);border:1px solid var(--line);border-radius:14px}.btn-inline{height:var(--touch-min);padding:0 18px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:.88rem}.aisles{margin-top:18px;display:flex;flex-direction:column;gap:16px}.aisle{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.aisle__head{display:flex;align-items:center;gap:10px;padding:11px 10px 10px 16px;position:relative}.aisle__head:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 3px 3px 0;background:var(--tag, var(--accent))}.aisle__emoji{font-size:1.05rem;line-height:1}.aisle__name{flex:1;min-width:0;font-family:inherit;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink);border:none;background:none;padding:4px 0}.aisle__name:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.aisle__count{font-size:.72rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:999px;padding:2px 9px;min-width:40px;text-align:center}.aisle__delete{width:38px;height:38px}.aisle__delete:hover{color:var(--danger)}.aisle__delete svg{width:17px;height:17px}.aisle__items{list-style:none;margin:0;padding:0}.aisle__empty{margin:0;padding:12px 16px;font-size:.85rem;font-style:italic;color:var(--muted);border-top:1px solid var(--line-soft)}.item{display:flex;align-items:center;gap:8px;min-height:48px;padding:2px 6px 2px 16px;border-top:1px solid var(--line-soft)}.item__label{display:flex;align-items:center;gap:13px;flex:1;min-height:var(--touch-min);min-width:0;cursor:pointer;-webkit-user-select:none;user-select:none}.item__check{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;width:23px;height:23px;border:2px solid var(--line);border-radius:7px;background:var(--surface-2);display:grid;place-content:center;transition:background .15s,border-color .15s}.item__check:after{content:"";width:12px;height:12px;transform:scale(0) rotate(-8deg);transform-origin:center;background:var(--on-accent);clip-path:polygon(41% 74%,12% 47%,2% 57%,41% 94%,98% 22%,88% 13%);transition:transform .16s cubic-bezier(.3,1.4,.5,1)}.item__check:checked{background:var(--accent);border-color:var(--accent)}.item__check:checked:after{transform:scale(1) rotate(0)}.item__check:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.item__text{font-size:1rem;color:var(--ink);transition:color .2s,opacity .2s;overflow-wrap:anywhere}.item__qty{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent-ink);margin-left:2px}.item--done .item__text{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 70%,transparent);opacity:.7}.item--done .item__qty{color:var(--muted)}.item__remove{width:38px;height:38px}.item__remove:hover{color:var(--danger)}.item__remove svg{width:16px;height:16px}.add-row{display:flex;align-items:center;gap:8px;padding:8px 12px 12px 16px;border-top:1px solid var(--line-soft)}.add-row__input{flex:1;min-width:0;font-family:inherit;font-size:.95rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:10px;padding:11px 13px;min-height:var(--touch-min)}.add-row__input::placeholder{color:var(--muted)}.add-row__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.add-row__btn{flex-shrink:0;width:var(--touch-min);height:var(--touch-min);border-radius:10px;background:var(--accent-wash);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .08s}.add-row__btn:active{transform:scale(.94)}.add-row__btn:hover{background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.add-row__btn:disabled{opacity:.5}.add-row__btn svg{width:20px;height:20px}.add-aisle{margin-top:16px;display:flex;align-items:center;gap:8px}.add-aisle__input{flex:1;min-width:0;font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:var(--ink);background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:13px 15px;min-height:48px}.add-aisle__input::placeholder{color:var(--muted);font-weight:500;letter-spacing:0}.add-aisle__input:focus-visible{outline:none;border-style:solid;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.add-aisle__btn{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .08s}.add-aisle__btn:active{transform:scale(.94)}.add-aisle__btn:hover{background:var(--accent-ink)}.add-aisle__btn:disabled{opacity:.5}.add-aisle__btn svg{width:22px;height:22px}.session-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--accent-wash);color:var(--accent-ink);font-size:.9rem;font-weight:600}.session-banner__action{height:40px;padding:0 16px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600}@media (prefers-reduced-motion: reduce){*{transition:none!important}}