*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;font-size:16px}body{color:#ece4d8;background:#15131e;min-height:100dvh;font-family:Lato,-apple-system,system-ui,sans-serif;overflow-x:hidden}input,button,textarea{font-family:inherit}:root{--bg:#15131e;--bg-radial:radial-gradient(ellipse 100% 60% at 50% 0%, #2a2138 0%, #15131e 60%, #0d0c14 100%);--surface:#1f1a2c;--surface-lt:#2a2338;--accent:#e8c88c;--accent-lt:#f5dfb0;--accent-dim:#b89968;--accent-bg:#e8c88c1f;--txt:#ece4d8;--txt-mid:#a89a85;--txt-dim:#6b6053;--bd:#e8c88c2e;--bd-strong:#e8c88c52;--sage:#b8d4a8;--sage-bg:#b8d4a82e;--rose:#e8b4a8;--gold:#e8c28b;--danger:#e07060;--decor:#3a3050;--glow:0 0 0 1px #e8c88c40, 0 0 28px -8px #e8c88c66;--r-card:16px;--r-pill:999px;--card:linear-gradient(168deg, #2e263eeb 0%, #1f1a2ceb 60%, #1a1626f0 100%);--card-hi:#e8c88c1a;--card-sh:0 1px 0 #ffffff0a inset, 0 10px 30px -16px #000000b3;--card-sh-up:0 1px 0 #ffffff0f inset, 0 18px 44px -18px #000c, 0 0 0 1px var(--bd-strong);--ease:cubic-bezier(.22,.68,.16,1);--ease-spring:cubic-bezier(.34,1.56,.45,1)}@keyframes pulseDot{0%{opacity:1;box-shadow:0 0}70%{opacity:.85;box-shadow:0 0 0 6px #0000}to{opacity:1;box-shadow:0 0 #0000}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes itemIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative}.app:before{content:"";z-index:-1;background:var(--bg-radial);position:fixed;inset:0}.app-head{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bd);background:#15131ee6;position:sticky;top:0}.topbar{padding:calc(14px + env(safe-area-inset-top,0)) 16px 10px;align-items:center;gap:12px;display:flex}.topbar-title{color:var(--accent);flex:1;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}.sync-dot{background:var(--sage);width:9px;height:9px;color:var(--sage);border-radius:50%;flex-shrink:0}.sync-dot.saving{background:var(--accent);color:var(--accent);animation:1.2s ease-out infinite pulseDot}.sync-dot.error{background:var(--danger);color:var(--danger)}.store-tabs{scrollbar-width:none;gap:6px;padding:4px 16px 12px;display:flex;overflow-x:auto}.store-tabs::-webkit-scrollbar{display:none}.store-tab{border-radius:var(--r-pill);cursor:pointer;background:var(--surface-lt);border:1px solid var(--bd);color:var(--txt-mid);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:600;transition:border-color .2s,color .2s,background .2s,transform .15s;display:flex}.store-tab:active{transform:scale(.95)}.store-tab.active{color:var(--txt);background:color-mix(in srgb, var(--tab-color) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tab-color) 45%, transparent);border-color:#0000}.store-tab .store-ic{font-size:.95rem}.store-tab .store-count{text-align:center;border-radius:var(--r-pill);min-width:17px;color:var(--txt);background:#00000040;padding:1px 5px;font-size:.62rem;font-weight:700}.store-tab.active .store-count{background:var(--tab-color);color:#15131e}.addbar{align-items:center;gap:10px;padding:0 16px 12px;display:flex}.add-input{border-radius:var(--r-pill);background:var(--surface-lt);border:1px solid var(--bd);min-width:0;color:var(--txt);outline:none;flex:1;padding:12px 16px;font-size:16px;transition:border-color .2s}.add-input::placeholder{color:var(--txt-dim)}.add-input:focus{border-color:var(--bd-strong)}.add-btn{cursor:pointer;background:var(--accent);color:#15131e;width:46px;height:46px;transition:transform .15s var(--ease-spring), opacity .2s;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.5rem;line-height:1;display:grid}.add-btn:active{transform:scale(.88)}.add-btn:disabled{opacity:.4}.content{padding:14px 16px calc(96px + env(safe-area-inset-bottom,0));flex:1;width:100%;max-width:620px;margin:0 auto}.list{flex-direction:column;gap:8px;display:flex}.empty{text-align:center;color:var(--txt-dim);padding:50px 20px}.empty-emoji{opacity:.5;margin-bottom:10px;font-size:2.4rem;display:block}.empty-txt{font-family:Cormorant Garamond,serif;font-size:1.05rem;font-style:italic}.item{background:var(--card);border:1px solid var(--bd);box-shadow:var(--card-sh);animation:itemIn .3s var(--ease) both;border-radius:13px;align-items:center;gap:12px;padding:12px 14px;display:flex}.item.checked{opacity:.55}.item.checked .item-name{color:var(--txt-mid);text-decoration:line-through}.item.notfound{border-left:3px solid var(--gold);background:linear-gradient(168deg,#e8c28b1a,#1f1a2ceb)}.item-check{cursor:pointer;border:2px solid var(--bd-strong);color:#15131e;width:22px;height:22px;transition:background .2s, border-color .2s, transform .15s var(--ease-spring);background:0 0;border-radius:7px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:700;display:grid}.item-check:active{transform:scale(.85)}.item-check.on{background:var(--sage);border-color:var(--sage)}.item-name{min-width:0;color:var(--txt);word-break:break-word;flex:1;font-size:.9rem}.item-qty{color:var(--accent);background:var(--accent-bg);border-radius:var(--r-pill);flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:700}.item-actions{flex-shrink:0;gap:4px;display:flex}.item-btn{cursor:pointer;background:var(--surface-lt);width:28px;height:28px;color:var(--txt-dim);border:none;border-radius:8px;place-items:center;font-size:.95rem;font-weight:700;transition:color .2s,background .2s,transform .15s;display:grid}.item-btn:active{transform:scale(.85)}.item-btn.notfound-btn.on{color:var(--gold);background:#e8c28b2e}.item-btn.delete-btn:active{color:var(--danger);background:#e0706024}.history{margin-top:18px}.history-toggle{cursor:pointer;color:var(--accent-dim);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:8px;padding:4px 2px;font-size:.72rem;font-weight:700;display:flex}.history-toggle .chev{transition:transform .25s var(--ease)}.history-toggle.open .chev{transform:rotate(90deg)}.history-chips{animation:itemIn .25s var(--ease);flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.history-chip{cursor:pointer;background:var(--surface-lt);border:1px solid var(--bd);color:var(--txt-mid);border-radius:var(--r-pill);align-items:center;gap:6px;padding:6px 11px;font-size:.76rem;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.history-chip:active{transform:scale(.94)}.history-chip .dot{border-radius:50%;width:7px;height:7px}.buybar{z-index:60;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--bd);background:#15131ee6;position:fixed;bottom:0;left:0;right:0}.buy-btn{cursor:pointer;background:var(--sage);color:#15131e;width:100%;max-width:620px;transition:transform .15s var(--ease-spring), opacity .2s;border:none;border-radius:13px;margin:0 auto;padding:14px;font-family:inherit;font-size:.9rem;font-weight:700;display:block}.buy-btn:active{transform:scale(.98)}.buy-btn:disabled{opacity:.35;background:var(--surface-lt);color:var(--txt-dim);cursor:default}