:root{--bg:#f1f3ee;--surface:#fff;--surface-2:#e6eae2;--text:#16302a;--text-muted:#5d6f68;--accent:#16302a;--accent-contrast:#d8f56c;--lime:#b4e33d;--danger:#b3261e;--border:#d5dbd2;--shadow:0 1px 2px #16302a14;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c1210;--surface:#152019;--surface-2:#1d2b23;--text:#e8efe6;--text-muted:#93a59b;--accent:#d8f56c;--accent-contrast:#0c1210;--lime:#b4e33d;--danger:#ff6f61;--border:#26362d;--shadow:none}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.screen{max-width:560px;padding:0 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.screen--center{place-items:center;min-height:100dvh;display:grid}.header{z-index:2;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--bg);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.header__brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.header__user{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:flex}.dot{background:var(--border);border-radius:50%;width:8px;height:8px}.dot--on{background:var(--lime)}.menu{border-radius:var(--radius);background:var(--surface);min-width:200px;padding:6px;position:absolute;top:calc(100% - 4px);right:16px;box-shadow:0 8px 24px #00000029}.menu__item{text-align:left;border-radius:10px;width:100%;padding:12px 14px;display:block}.menu__item:hover{background:var(--surface-2)}.menu__item:disabled{color:var(--text-muted);cursor:default}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;min-height:48px;padding:10px 14px}.input:focus{border-color:var(--accent)}.button{border-radius:var(--radius);min-height:48px;padding:0 18px;font-weight:600}.button--primary{background:var(--accent);color:var(--accent-contrast)}.button--primary:disabled{opacity:.6}.button--ghost{min-height:36px;color:var(--text-muted);padding:0 12px}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-weight:600;display:inline-flex}.chip input{opacity:0;pointer-events:none;position:absolute}.chip--selected{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.banner{border-radius:10px;margin:8px 0 0;padding:10px 14px;font-size:14px}.banner--error{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger)}.login{background:var(--surface);width:min(100%,360px);box-shadow:var(--shadow);text-align:center;border-radius:24px;gap:16px;padding:32px 24px;display:grid}.login__logo{margin:0 auto}.login__title{letter-spacing:-.02em;margin:0;font-size:24px}.login__who{border:0;justify-content:center;gap:8px;margin:0;padding:0;display:flex}.login__error{color:var(--danger);margin:0;font-size:14px}.addbar{top:calc(56px + env(safe-area-inset-top));z-index:1;background:var(--bg);padding:4px 0 12px;position:sticky}.addbar__form{gap:8px;display:flex}.addbar__name{flex:1;min-width:0}.addbar__qty{text-align:center;flex:none;width:72px}.addbar__submit{flex:none;width:48px;padding:0;font-size:24px;line-height:1}.suggestions{border-radius:var(--radius);background:var(--surface);margin:6px 0 0;padding:6px;list-style:none;box-shadow:0 8px 24px #0000001f}.suggestions__item{text-align:left;border-radius:10px;width:100%;padding:12px 14px;display:block}.suggestions__item:hover,.suggestions__item:focus-visible{background:var(--surface-2)}.section{margin-top:8px}.section--bought{margin-top:24px}.section__head{justify-content:space-between;align-items:center;padding:0 4px 6px;display:flex}.section__toggle{color:var(--text-muted);font-weight:700}.empty{text-align:center;color:var(--text-muted);margin:48px 0}.items{gap:6px;margin:0;padding:0;list-style:none;display:grid}.item{border-radius:var(--radius);background:var(--surface);min-height:56px;box-shadow:var(--shadow);align-items:center;gap:10px;padding:6px 6px 6px 8px;transition:opacity .12s;display:flex}.item--reserved{box-shadow:inset 0 0 0 1.5px var(--lime), var(--shadow)}.item--purchased{opacity:.6}.item__check{border:2px solid var(--border);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.item__checkmark{opacity:0;font-size:18px;font-weight:700}.item--purchased .item__check{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.item--purchased .item__checkmark{opacity:1}.item__body{flex:1;min-width:0;display:grid}.item__name{overflow-wrap:anywhere;font-weight:500}.item--purchased .item__name{text-decoration:line-through}.item__qty{color:var(--text-muted);font-weight:400}.item__meta{color:var(--text-muted);font-size:12px}.item--reserved .item__meta{color:var(--text)}.item__reserve{border:1px solid var(--border);min-height:36px;color:var(--text-muted);border-radius:999px;flex:none;padding:0 12px;font-size:13px;font-weight:600}.item__reserve--mine{background:var(--lime);border-color:var(--lime);color:#16302a}.item__reserve--theirs{border-color:var(--lime);color:var(--text)}.item__remove{width:40px;height:40px;color:var(--text-muted);border-radius:50%;flex:none;font-size:22px;line-height:1}.item__remove:hover{color:var(--danger)}