:root,:root[data-theme=light]{--bg:#f7f4ee;--surface:#fff;--surface-2:#f3f5f9;--border:#ebe7df;--text:#1d2433;--text-muted:#6b7280;--primary:#3b82f6;--primary-strong:#2563eb;--primary-soft:#e8f1fd;--on-primary:#fff;--green:#1f8a57;--green-soft:#e7f6ed;--green-tile:#edf8f1;--red:#d64545;--red-soft:#fdecec;--red-tile:#fdf1f0;--peach-soft:#fdeee2;--purple:#8b5cf6;--purple-soft:#f1ecfe;--tinted:#f1f6fd;--track:#e6e8ee;--shadow:0 1px 2px #1e283c0a, 0 8px 24px #1e283c0f;--focus:#2563eb;--greeting-from:#f8d7bd;--greeting-to:#fcefe3;--ill-sun:#fde7c4;--ill-hill-far:#dbe4d3;--ill-hill:#b9cdb0;--ill-tree:#8fae86;--ill-tree-dark:#6f9370;--ill-trunk:#8a6d55;--ill-bush:#9dbb92;--ill-house:#ede3d6;--ill-roof:#6b6f7a;--ill-roof-edge:#575b66;--ill-window:#f6d58e;--ill-door:#7a5d48;--ill-land-far:#c9a99a;--ill-land:#a08f86;--ill-leaf:#5f8463;--ill-basket:#f1dcc0;--ill-basket-line:#d9bb95;--ill-basket-rim:#e6c9a3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f1726;--surface:#172235;--surface-2:#1d2a40;--border:#26354f;--text:#eef2f8;--text-muted:#9aa7bb;--primary:#5b9cf6;--primary-strong:#7db0f8;--primary-soft:#1d3150;--on-primary:#0b1220;--green:#5fd49a;--green-soft:#173a2c;--green-tile:#15302a;--red:#f08a8a;--red-soft:#3e2329;--red-tile:#2f1f27;--peach-soft:#2c2a3a;--purple:#b49afa;--purple-soft:#2b2547;--tinted:#16243a;--track:#2a3852;--shadow:0 1px 2px #0000004d, 0 10px 28px #00000040;--focus:#7db0f8;--greeting-from:#283457;--greeting-to:#1a2540;--ill-sun:#f4e3b5;--ill-hill-far:#1f2c45;--ill-hill:#182337;--ill-tree:#2c4a45;--ill-tree-dark:#233c3a;--ill-trunk:#3a3030;--ill-bush:#263f3b;--ill-house:#c9c4bd;--ill-roof:#2c3242;--ill-roof-edge:#232837;--ill-window:#ffd27a;--ill-door:#4a3b33;--ill-land-far:#2d3a5c;--ill-land:#222e4a;--ill-leaf:#2f4a44;--ill-basket:#e9d2b4;--ill-basket-line:#c8a77f;--ill-basket-rim:#d8b98f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{min-height:100svh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.5 Rubik,system-ui,-apple-system,Segoe UI,Arial Hebrew,sans-serif}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.muted{color:var(--text-muted)}.small{font-size:.875rem}.shell{min-height:100svh}.page{max-width:1080px;padding:max(12px, env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.cards-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=860px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.centered{max-width:460px;min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 16px 32px;flex-direction:column;justify-content:center;gap:8px;margin:0 auto;display:flex}.centered__art{align-self:center;width:min(280px,80%);margin-bottom:-10px}.hero{justify-content:space-between;align-items:flex-end;gap:8px;min-height:128px;display:flex;position:relative}.hero__text h1{letter-spacing:-.01em;font-size:clamp(1.9rem,6vw,2.4rem);font-weight:800;line-height:1.15}.hero__text p{color:var(--text-muted);font-size:1.05rem}.hero__text{padding-bottom:14px}.hero__art{flex-shrink:0;width:min(240px,44%)}.settings-button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:4px;inset-inline-end:0}.greeting{background:linear-gradient(to left, var(--greeting-from), var(--greeting-to));border:1px solid var(--border);border-radius:22px;align-items:center;min-height:108px;padding:20px;display:flex;position:relative;overflow:hidden}.greeting__art{width:52%;height:100%;position:absolute;inset-block-end:0;inset-inline-end:0;-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000);mask-image:linear-gradient(90deg,#000 55%,#0000)}.greeting__text{position:relative}.greeting__title{font-size:1.45rem;font-weight:800}.greeting__subtitle{color:var(--text-muted)}:root[data-theme=dark] .greeting__subtitle{color:#c6cfdd}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:14px;padding:18px;display:flex}.card--tinted{background:var(--tinted)}.card-header{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.card-header__text{flex:1;min-width:0}.card-header h2{font-size:1.2rem;font-weight:800}.card-header__action{flex-shrink:0;margin-inline-start:auto}.icon-bubble{border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.icon-bubble--small{width:34px;height:34px}.icon-bubble--small svg{width:18px;height:18px}.icon-bubble--blue{background:var(--primary-soft);color:var(--primary)}.icon-bubble--green{background:var(--green-soft);color:var(--green)}.icon-bubble--red{background:var(--red-soft);color:var(--red)}.icon-bubble--peach{background:var(--peach-soft);color:#d9822b}.icon-bubble--purple{background:var(--purple-soft);color:var(--purple)}.stat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-tile{border-radius:16px;grid-template-columns:1fr auto;grid-template-areas:"label icon""value value";align-items:center;gap:4px;padding:12px;display:grid}.stat-tile .icon-bubble{grid-area:icon}.stat-tile--green{background:var(--green-tile)}.stat-tile--red{background:var(--red-tile)}.stat-tile__label{color:var(--text-muted);grid-area:label;font-size:.85rem}.stat-tile__value{color:var(--text-muted);grid-area:value;font-size:1.45rem;font-weight:800}@media (width<=380px){.stat-tiles{grid-template-columns:1fr}}.usage{flex-direction:column;gap:8px;display:flex}.usage__labels{justify-content:space-between;font-weight:600;display:flex}.progress{background:var(--track);border-radius:999px;height:12px;overflow:hidden}.progress__bar{border-radius:inherit;background:var(--primary);height:100%;display:block}.forecast{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.forecast__value{color:var(--text-muted);font-size:2rem;font-weight:800}.mini-bars{opacity:.45;align-items:flex-end;gap:8px;height:84px;display:flex}.mini-bars span{background:linear-gradient(#8fd3b4,#a8c8f5);border-radius:6px;width:18px}.soon-badge,.pill{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-block}.empty{border:1px dashed var(--border);text-align:center;border-radius:16px;padding:16px}.shopping-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.shopping-summary>div{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.shopping-summary__art{width:110px}.soon-list{gap:6px;margin:0;padding-inline-start:20px;display:grid}.button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;font-weight:700;transition:filter .15s,background .15s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:var(--primary);color:var(--on-primary)}.button--primary:not(:disabled):hover{filter:brightness(1.06)}.button--secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button--soft{color:var(--text-muted);background:0 0}.button--soft-green{background:var(--green-soft);color:var(--green);border-color:color-mix(in srgb, var(--green) 30%, transparent);min-width:150px}.button--danger{background:var(--red-soft);color:var(--red)}.google-button{width:100%;min-height:52px;font-size:1.05rem}.link-button{min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0 4px;font-weight:600;display:inline-flex}.link-button--danger{color:var(--red)}.form-card,.login-card{gap:14px}.login-card{text-align:center;padding:26px 20px}.login-card h1,.form-card h1{font-size:1.7rem;font-weight:800}.eyebrow{color:var(--primary);font-weight:700}.fine-print{color:var(--text-muted);font-size:.85rem}.field{flex-direction:column;flex:1;gap:6px;min-width:0;font-weight:600;display:flex}input{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;width:100%;min-height:48px;padding:10px 14px;font-weight:400}input[dir=ltr]{text-align:left}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.inline-form .button{flex-shrink:0}.message{border-radius:12px;padding:10px 14px;font-size:.95rem}.message--error{background:var(--red-soft);color:var(--red)}.message--info{background:var(--primary-soft);color:var(--primary-strong)}.message--success{background:var(--green-soft);color:var(--green)}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented__option{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;font-weight:600}.segmented__option[aria-checked=true]{background:var(--primary-soft);color:var(--primary-strong)}.members{gap:8px;margin:0;padding:0;list-style:none;display:grid}.members li{background:var(--surface-2);border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.avatar{background:var(--green-soft);width:36px;height:36px;color:var(--green);border-radius:50%;place-items:center;font-weight:700;display:grid}.invite{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.invite h3{font-size:1.05rem}.invite-link{background:var(--tinted);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.row{flex-wrap:wrap;gap:8px;display:flex}.open-invites{margin:0;padding:0;list-style:none}.open-invites li{justify-content:space-between;align-items:center;gap:8px;font-size:.95rem;display:flex}.bottom-nav{z-index:10;max-width:640px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:6px;margin:0 auto;display:grid;position:fixed;inset-block-end:0;inset-inline:0}@media (width>=640px){.bottom-nav{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding-bottom:8px;inset-block-end:12px}}.bottom-nav__item{min-height:56px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.85rem;font-weight:600;display:flex}.bottom-nav__item[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.spinner{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.spinner__dot{border:3px solid var(--track);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}