:root{--bg:#f7f6f1;--surface:#fff;--ink:#1a1a18;--ink-soft:#6b6b64;--line:#e2e0d8;--green:#1a5d3a;--amber:#8a6100;--red:#a3341f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14140f;--surface:#1e1e19;--ink:#f2f1ea;--ink-soft:#a3a196;--line:#33322b;--green:#6fca97;--amber:#e0b25e;--red:#e58b74}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:17px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.app,.landing{max-width:34rem;padding:max(1rem, env(safe-area-inset-top)) 1rem calc(2rem + env(safe-area-inset-bottom));margin:0 auto}.header{grid-template-columns:1fr auto;align-items:baseline;margin-bottom:1rem;display:grid}.header__title{letter-spacing:-.02em;margin:0;font-size:1.75rem}.header__help{border:1px solid var(--line);background:var(--surface);width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;border-radius:50%;font-size:1rem}.status{color:var(--ink-soft);grid-column:1/-1;align-items:center;gap:.45rem;margin:.35rem 0 0;font-size:.875rem;display:flex}.status__dot{background:currentColor;border-radius:50%;flex:none;width:.5rem;height:.5rem}.status--synced{color:var(--green)}.status--syncing{color:var(--amber)}.status--offline{color:var(--red);font-weight:600}.addbar{gap:.5rem;margin-bottom:1rem;display:flex}.addbar__input{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);border-radius:.7rem;flex:1;padding:.85rem .9rem;font-size:1rem}.addbar__input:focus-visible,.item__edit:focus-visible{outline:2px solid var(--green);outline-offset:1px}.addbar__button,.landing__button,.clear{background:var(--green);color:var(--bg);cursor:pointer;border:none;border-radius:.7rem;padding:.85rem 1.1rem;font-size:1rem;font-weight:600}.addbar__button:disabled{opacity:.4}.aisle+.aisle{margin-top:1.25rem}.aisle__name{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .4rem .15rem;font-size:.8rem;font-weight:600}.items{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;margin:0;padding:0;list-style:none;overflow:hidden}.item{border-bottom:1px solid var(--line);padding:0 .9rem}.item__row{align-items:center;gap:.75rem;display:flex}.item__aisle{align-items:center;gap:.6rem;padding:0 0 .75rem 2.15rem;display:flex}.item__aisle-label{color:var(--ink-soft);font-size:.8rem}.item__aisle select{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--ink);border-radius:.5rem;flex:1;padding:.4rem .5rem;font-size:1rem}.item:last-child{border-bottom:none}.item__check{cursor:pointer;align-items:center;padding:.9rem .15rem;display:flex}.item__check input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.item__box{border:2px solid var(--line);border-radius:50%;flex:none;width:1.4rem;height:1.4rem}.item__check input:checked+.item__box{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 .25rem var(--surface)}.item__check input:focus-visible+.item__box{outline:2px solid var(--green);outline-offset:2px}.item__name{min-width:0;color:inherit;font:inherit;text-align:left;cursor:text;overflow-wrap:anywhere;background:0 0;border:none;flex:1;padding:.9rem 0}.item--checked .item__name{color:var(--ink-soft);text-decoration:line-through}.item__edit{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--ink);font:inherit;border-radius:.5rem;flex:1;margin:.5rem 0;padding:.4rem .5rem;font-size:1rem}.item__remove{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex:none;padding:.6rem .3rem;font-size:1.5rem;line-height:1}.empty{text-align:center;color:var(--ink-soft);margin:2.5rem 0}.clear{border:1px solid var(--line);width:100%;color:var(--ink-soft);background:0 0;margin-top:1rem;font-weight:500;display:block}.install{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;margin-bottom:1rem;padding:1rem 1.1rem}.install__lead{margin:0 0 .5rem;font-weight:600}.install__steps{color:var(--ink-soft);margin:0;padding-left:1.2rem}.install__steps li+li{margin-top:.35rem}.install__note,.landing__error{color:var(--ink-soft);margin:.75rem 0 0;font-size:.9rem}.landing__error{color:var(--red)}.install__dismiss{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:.6rem;margin-top:.9rem;padding:.6rem .9rem}.landing{padding-top:3rem}.landing__title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem}.landing__lead{color:var(--ink-soft);margin:0 0 1.5rem}.landing__link{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:.7rem;margin-bottom:.75rem;padding:.8rem .9rem;font-size:1rem}.landing__button{text-align:center;width:100%;margin-bottom:1.5rem;text-decoration:none;display:block}.landing__note{color:var(--ink-soft);margin:0 0 1.5rem;font-size:.9rem}
