:root{color-scheme:dark;--bg-0: #06140e;--bg-1: #0c2418;--bg-2: #143528;--lime: #b8f25a;--lime-dim: #7cb82e;--mint: #9fe8c2;--cream: #eef6e8;--muted: #8aa899;--danger: #ff7a6e;--panel: rgba(12, 36, 24, .72);--stroke: rgba(184, 242, 90, .22);--radius: 1.25rem;--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--shadow: 0 24px 60px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg-0);color:var(--cream);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--lime)}button,input,select{font:inherit}.landing{position:relative;min-height:100vh;overflow:hidden;padding:1.25rem 1.25rem 3rem;max-width:40rem;margin:0 auto}.landing-glow{position:fixed;inset:-20% -10% auto;height:55vh;background:radial-gradient(ellipse at 30% 20%,rgba(184,242,90,.22),transparent 55%),radial-gradient(ellipse at 80% 0%,rgba(50,180,120,.18),transparent 50%);pointer-events:none;animation:glow-drift 12s ease-in-out infinite alternate}.landing-coil{position:fixed;right:-18%;top:18%;width:min(70vw,28rem);height:min(70vw,28rem);border-radius:50%;border:2px solid rgba(184,242,90,.12);box-shadow:inset 0 0 0 28px #b8f25a0a,inset 0 0 0 56px #b8f25a08,0 0 80px #b8f25a0f;pointer-events:none;animation:coil-spin 48s linear infinite}@keyframes glow-drift{0%{transform:translateY(0) scale(1)}to{transform:translateY(3%) scale(1.05)}}@keyframes coil-spin{to{transform:rotate(360deg)}}.landing-top{display:flex;align-items:baseline;gap:.5rem;position:relative;z-index:1;animation:fade-up .7s ease both}.brand-mark{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;font-size:.95rem;color:var(--lime)}.brand-ecosystem{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.landing-hero{position:relative;z-index:1;margin-top:2.5rem;animation:fade-up .8s .08s ease both}.hero-kicker{margin:0;color:var(--mint);font-size:.95rem;letter-spacing:.02em}.hero-title{margin:.4rem 0 0;font-family:var(--font-display);font-weight:800;line-height:.92;font-size:clamp(3.2rem,14vw,5rem);letter-spacing:-.03em}.hero-title-line{display:block}.hero-title-line.accent{color:var(--lime);animation:title-pulse 4s ease-in-out infinite}@keyframes title-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.hero-lead{margin:1.25rem 0 0;max-width:28rem;color:#c9e0d2;font-size:1.05rem}.hero-hook{margin:.65rem 0 0;font-style:italic;color:var(--muted)}.auth-panel{position:relative;z-index:1;margin-top:2.25rem;padding:1.25rem;border-radius:calc(var(--radius) + .25rem);border:1px solid var(--stroke);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);animation:fade-up .85s .16s ease both}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1.1rem;padding:.3rem;border-radius:999px;background:#00000047}.auth-tabs button{border:0;background:transparent;color:var(--muted);padding:.65rem .75rem;border-radius:999px;cursor:pointer;font-weight:600;transition:background .2s,color .2s,transform .15s}.auth-tabs button.active{background:var(--lime);color:#0a1a10}.auth-tabs button:not(.active):hover{color:var(--cream)}.auth-form,.stack-form{display:flex;flex-direction:column;gap:.85rem}.auth-form label,.stack-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--mint)}input,select{width:100%;border:1px solid rgba(159,232,194,.2);background:#06140ed9;color:var(--cream);border-radius:.85rem;padding:.85rem 1rem;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b8f25a2e}.btn-primary{border:0;border-radius:999px;padding:.95rem 1.25rem;background:linear-gradient(135deg,var(--lime),#8fd63a);color:#0a1a10;font-weight:700;cursor:pointer;transition:transform .15s,filter .15s,opacity .15s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.btn-primary:disabled{opacity:.55;cursor:wait}.btn-ghost{border:1px solid var(--stroke);background:transparent;color:var(--cream);border-radius:999px;padding:.55rem 1rem;cursor:pointer}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}.form-error{margin:0;color:var(--danger);font-size:.9rem}.landing-promises{position:relative;z-index:1;list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.55rem;animation:fade-up .9s .24s ease both}.landing-promises li{color:var(--muted);padding-left:1.1rem;position:relative;font-size:.95rem}.landing-promises li:before{content:"";position:absolute;left:0;top:.55rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #b8f25a99}.landing-foot{margin-top:2rem;position:relative;z-index:1;font-size:.85rem;color:var(--muted)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app-shell{max-width:44rem;margin:0 auto;padding:1.25rem 1.25rem 3.5rem;min-height:100vh;background:radial-gradient(ellipse at top left,rgba(184,242,90,.08),transparent 45%),var(--bg-0)}.app-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.app-bar h1{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2rem);letter-spacing:-.02em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--lime-dim)}.muted{color:var(--muted)}.grid-2{display:grid;gap:1rem}@media(min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}.panel{margin-top:1rem;padding:1.25rem;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel.soft{background:#081c1280}.panel h2{margin:0;font-family:var(--font-display);font-size:1.15rem}.panel h3{margin:0 0 .65rem;font-size:.95rem;color:var(--mint)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.panel-head select{width:auto;min-width:10rem;padding:.5rem .75rem}.member-list,.invite-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.member-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.65rem .75rem;border-radius:.9rem;background:#00000038}.member-list strong{display:block}.member-list small{color:var(--muted)}.avatar{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--lime),#3d8f5a);color:#0a1a10;font-weight:700}.role-chip{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .55rem;border-radius:999px;border:1px solid var(--stroke);color:var(--mint)}.invite-block{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid rgba(159,232,194,.12)}.inline-form{display:flex;gap:.5rem;flex-wrap:wrap}.inline-form input{flex:1;min-width:12rem}.invite-code{margin:.85rem 0 0;font-size:.95rem}.invite-code code,.invite-list code{font-family:ui-monospace,monospace;color:var(--lime);letter-spacing:.06em}.invite-list{margin-top:.85rem}.invite-list li{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.toast{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:.9rem;margin-bottom:.5rem;animation:fade-up .35s ease both}.toast.ok{background:#b8f25a1f;border:1px solid rgba(184,242,90,.35)}.toast.error{background:#ff7a6e1f;border:1px solid rgba(255,122,110,.4);color:#ffc4be}.toast button{border:0;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer}.text-link{display:inline-block;margin-top:.75rem;color:var(--lime);text-decoration:none;font-weight:600}.text-link:hover{text-decoration:underline}.app-frame{max-width:32rem;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-0)}.app-top{display:flex;align-items:center;gap:.65rem;padding:1rem 1.25rem .5rem;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--bg-0) 70%,transparent)}.app-top-title{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.02em}.household-select{margin-left:auto;width:auto;min-width:7rem;padding:.45rem .6rem;font-size:.85rem}.btn-sm{padding:.45rem .7rem;font-size:.9rem}.app-main{flex:1;padding:0 1.25rem 5.5rem}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(32rem,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.25rem;padding:.5rem 1rem calc(.65rem + env(safe-area-inset-bottom));background:#06140eeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--stroke)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .5rem;color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:600;border-radius:.75rem;transition:color .15s,background .15s}.nav-item.active{color:var(--lime)}.nav-icon{font-size:1.25rem;line-height:1}.nav-scan{margin-bottom:.35rem}.scan-ring{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;background:linear-gradient(145deg,var(--lime),#6fbf3a);color:#0a1a10;font-size:1.5rem;font-weight:700;box-shadow:0 8px 28px #b8f25a59}.nav-scan.active .scan-ring{box-shadow:0 0 0 3px #b8f25a59}.page-title{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.02em}.empty-state{text-align:center;padding:2.5rem 1rem;display:grid;gap:1rem;justify-items:center}.empty-state.soft{opacity:.9}.shopping-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.aisle-hint{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;margin-bottom:1rem;border-radius:1rem;background:linear-gradient(135deg,#b8f25a24,#32b47814);border:1px solid rgba(184,242,90,.28)}.aisle-hint-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mint)}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.search-bar input{flex:1}.search-results{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.45rem}.search-results button{width:100%;display:flex;align-items:center;gap:.65rem;padding:.55rem .65rem;border:1px solid var(--stroke);border-radius:.85rem;background:#00000040;color:var(--cream);cursor:pointer;text-align:left}.search-results strong{display:block}.search-results small{color:var(--muted)}.add-badge{margin-left:auto;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--lime);color:#0a1a10;display:grid;place-items:center;font-weight:700}.category-sections{display:grid;gap:1.25rem}.category-section{border-radius:var(--radius);border:1px solid var(--stroke);overflow:hidden;background:#0818108c}.category-head{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#00000038;border-bottom:1px solid rgba(159,232,194,.1)}.category-head h3{margin:0;flex:1;font-size:.95rem;font-family:var(--font-display)}.category-icon{font-size:1.15rem}.category-count{font-size:.8rem;font-weight:700;color:var(--lime);background:#b8f25a1f;padding:.2rem .5rem;border-radius:999px}.shop-items{list-style:none;margin:0;padding:.35rem}.shop-item{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.55rem;padding:.55rem .45rem;border-radius:.75rem;transition:background .15s}.shop-item:active{background:#ffffff0a}.shop-item.done{opacity:.45}.shop-item.done strong{text-decoration:line-through}.check-btn{width:1.65rem;height:1.65rem;border-radius:50%;border:2px solid var(--stroke);background:transparent;color:var(--lime);cursor:pointer;font-size:.85rem;display:grid;place-items:center}.check-btn.checked{background:var(--lime);border-color:var(--lime);color:#0a1a10}.product-thumb{width:2.5rem;height:2.5rem;object-fit:contain;border-radius:.45rem;background:#fff}.product-thumb.sm{width:2.1rem;height:2.1rem}.product-thumb.placeholder{display:grid;place-items:center;background:#ffffff14;font-size:.9rem}.shop-item-text strong{display:block;font-size:.92rem;line-height:1.25}.shop-item-text small{color:var(--muted);font-size:.78rem}.qty-chip{font-size:.78rem;color:var(--mint);white-space:nowrap}.remove-btn{border:0;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:.2rem .35rem}.remove-btn:hover{color:var(--danger)}.scanner-page .page-title{margin-bottom:.15rem}.scanner-viewport{position:relative;margin:1rem 0;border-radius:1.25rem;overflow:hidden;aspect-ratio:4/3;background:#000;border:1px solid var(--stroke)}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-fallback{height:100%;display:grid;place-content:center;text-align:center;padding:1rem;color:var(--muted)}.scanner-overlay{position:absolute;top:15%;right:10%;bottom:15%;left:10%;border:2px solid rgba(184,242,90,.55);border-radius:1rem;box-shadow:0 0 0 999px #00000059;pointer-events:none}.scan-live{position:absolute;top:.65rem;right:.65rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;color:#0a1a10;background:var(--lime);padding:.2rem .45rem;border-radius:.35rem}.scan-result{display:grid;gap:.75rem;margin-top:1rem}.scan-result-img{width:5rem;height:5rem;object-fit:contain;background:#fff;border-radius:.75rem}.scan-result h3{margin:0}.scan-ok{margin:.35rem 0 0;color:var(--lime);font-size:.9rem}.household-page .panel h3{margin:0 0 .75rem;font-family:var(--font-display)}