:root{--bg:#f0f0f0;--card:#fff;--text:#000;--text-2:#232323;--muted:#8e9094;--placeholder:#b3b3b3;--chip:#f0f0f0;--skeleton:#f7f7f7;--gold:#ffa81b;--gold-text:#d2850a;--diamond:#b327ff;--diamond-text:#9800eb;--red:#fd4b4a;--swipe-track:#dedbde;--radius-card:24px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,SF Pro Text,Segoe UI,sans-serif;font-size:15px;line-height:1.3}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:2px solid #000}.base{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.base--covered{transform:translate(-22%)}.layer{z-index:5;overscroll-behavior:contain;background:var(--bg);position:fixed;inset:0;overflow-y:auto;box-shadow:-10px 0 30px #0000001a}.layer--enter{animation:.32s cubic-bezier(.2,.8,.2,1) backwards layer-in}.layer--exit{pointer-events:none;animation:.26s cubic-bezier(.4,0,1,1) forwards layer-out}@keyframes layer-in{0%{transform:translate(100%)}}@keyframes layer-out{to{transform:translate(100%)}}.screen{max-width:480px;padding:calc(16px + env(safe-area-inset-top)) var(--gutter) calc(24px + env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto}.round-btn{background:var(--card);width:52px;height:52px;color:var(--text);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.round-btn--dark{color:#fff;background:#111}.round-btn--ghost{background:0 0}.round-btn--small{background:var(--chip);width:40px;height:40px}.text-btn{text-underline-offset:3px;background:0 0;border:0;padding:12px 0;font-weight:600;text-decoration:underline}.hint{color:var(--muted);padding:4px 8px 12px}.hint--center{text-align:center;margin-top:-20px}.empty{text-align:center;color:var(--muted);padding:32px 16px}.empty .text-btn{color:var(--text)}.search-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-field{background:var(--card);min-width:0;height:52px;color:var(--placeholder);cursor:text;border-radius:26px;flex:1;align-items:center;gap:10px;padding:0 18px;display:flex}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:19px}.search-field input::placeholder{color:var(--placeholder)}.search-field input::-webkit-search-cancel-button{filter:grayscale()}.search-field:focus-within{outline:2px solid #000}.search-box{position:relative}.suggestions{z-index:3;background:var(--card);border-radius:24px;padding:6px 0;position:absolute;top:calc(100% - 12px);left:0;right:0;box-shadow:0 12px 32px #0000001f}.suggestions li{align-items:center;display:flex}.suggestion{text-align:left;min-width:0;min-height:48px;color:var(--muted);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0 4px 0 18px;display:flex}.suggestion__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);flex:1;font-size:17px;overflow:hidden}.suggestion__text b{color:var(--text);font-weight:700}.suggestion__remove{width:48px;height:48px;color:var(--placeholder);background:0 0;border:0;flex:none;place-items:center;display:grid}.switch-store{background:var(--card);width:100%;min-height:52px;color:var(--text);border:0;border-radius:26px;margin-top:4px;font-size:16px;font-weight:600;display:block}.cards{flex-direction:column;display:flex}.cards>li{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);padding-bottom:12px;transition:grid-template-rows .3s .25s,padding-bottom .3s .25s;display:grid}.cards>li>*{min-height:0}.cards>li.is-removing{pointer-events:none;grid-template-rows:0fr;padding-bottom:0}.cards>li.is-removing>*{overflow:hidden}.is-removing .swipe__actions{opacity:0;transition:opacity .2s .12s}.card--removing{opacity:0}.card{border-radius:var(--radius-card);background:var(--card);touch-action:pan-y;-webkit-user-select:none;user-select:none;gap:14px;min-height:124px;padding:14px 14px 14px 12px;transition:transform .25s,box-shadow .25s,opacity .25s;display:flex;position:relative}.card--lifted{box-shadow:6px 3px 12px #0000001f}.card__link{border-radius:inherit;background:0 0;border:0;padding:0;position:absolute;inset:0}.card__link:disabled{cursor:default}.card__image{pointer-events:none;flex:none;justify-content:center;align-self:center;width:76px;height:96px;display:flex}.card__image img{object-fit:contain;width:100%;height:100%}.card__body{pointer-events:none;flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:34px;display:flex}.card__title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:20px;overflow:hidden}.card__title--wrap{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.card__price-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card__price{letter-spacing:-.2px;font-size:19px;font-weight:700}.card__no-price{color:var(--muted)}.card__body .store-logo{margin-top:6px}.card__chips{pointer-events:none;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.price--gold{color:var(--gold-text)}.price--diamond{color:var(--diamond-text)}.badge-chip{text-transform:uppercase;letter-spacing:.3px;color:#fff;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:800;line-height:14px;display:inline-block}.badge-chip--gold{background:var(--gold)}.badge-chip--diamond{background:var(--diamond)}.volume-chip{background:var(--chip);color:var(--text-2);white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.volume-chip--lg{color:var(--text-2);border-radius:16px;padding:5px 12px;font-size:15px}.volume-chip--lg b{font-size:18px;font-weight:700}.store-logo{align-items:center;width:64px;height:40px;display:flex}.store-logo img{object-fit:contain;object-position:left center;width:100%;height:100%}.store-logo--muted img{filter:grayscale();opacity:.35}.bell{z-index:1;background:var(--chip);width:28px;height:28px;color:var(--muted);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.bell:after{content:"";position:absolute;inset:-8px}.bell--on{color:#000}.add-mark{color:#fff;pointer-events:none;background:#111;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:10px}.add-mark--done{background:var(--chip);color:var(--muted)}.card--added .card__image,.card--added .card__body .store-logo,.card--added .card__price{opacity:.55}.added-chip{background:var(--chip);color:var(--text-2);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.swipe{position:relative}.swipe__actions{border-radius:var(--radius-card);background:var(--swipe-track);justify-content:flex-end;align-items:stretch;padding:10px 10px 10px 0;display:flex;position:absolute;inset:0 0 0 30%}.swipe__delete{background:var(--red);color:#fff;border:0;border-radius:24px;place-items:center;width:48px;transition:transform .12s,background-color .12s;display:grid}.swipe__delete:active,.is-removing .swipe__delete{background:#d93a39;transform:scale(.86)}.card--skeleton{background:var(--skeleton);align-items:center}.skeleton{background:var(--bg);border-radius:14px;animation:1.4s ease-in-out infinite pulse}.skeleton--image{border-radius:17px;width:34px;height:72px;margin-left:30px;margin-right:30px}.skeleton--line{width:100%;height:18px;margin-bottom:10px}.skeleton--short{width:60%}@keyframes pulse{50%{opacity:.5}}.screen--product{flex-direction:column;height:100%;min-height:0;padding-bottom:0;padding-left:0;padding-right:0;display:flex;overflow:hidden}.product-header{padding:0 var(--gutter) 20px;justify-content:space-between;align-items:center;gap:12px;min-height:72px;display:flex}.sheet__media .big-badge{width:104px;height:auto;position:absolute;top:-4px;left:0}.sheet__media .big-badge--diamond{width:112px;top:-9px}.screen--product-tg{padding-top:8px}.sheet{background:var(--card);border-radius:48px 48px 0 0;flex:1;padding:32px 24px 0}.screen--product .sheet{flex-direction:column;min-height:0;padding:16px 20px 0;display:flex}.sheet__media{flex:1 1 0;justify-content:center;min-height:90px;max-height:210px;display:flex;position:relative}.sheet__media img{object-fit:contain;width:70%;height:100%}.sheet__media .volume-chip{position:absolute;top:0;right:0}.sheet__loading{flex:1}.product-title{text-align:center;text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;max-width:330px;margin:10px auto 14px;font-size:18px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.store-prices{flex-direction:column;flex:none;gap:6px;width:fit-content;min-width:240px;margin:0 auto;display:flex}.product-open{padding:16px 0 calc(16px + env(safe-area-inset-bottom));flex:none;margin:auto -8px 0}.store-price{align-items:center;gap:10px;min-height:36px;display:flex}.store-price .store-logo{flex:none;width:60px;height:32px}.store-price .store-logo img{object-position:center}.store-price__value{white-space:nowrap;font-size:16px;font-weight:500}.store-price--best .store-price__value{letter-spacing:-.2px;font-size:20px;font-weight:700}.store-missing{border-top:1px solid var(--chip);align-items:center;gap:14px;margin-top:6px;padding-top:10px;display:flex}.store-missing .store-logo{width:auto;height:22px}.store-missing .store-logo img{width:auto;max-width:56px}.discount-chip{background:var(--red);color:#fff;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:600;line-height:16px;display:inline-block}.per-gram-chip{background:var(--chip);color:var(--text-2);border-radius:12px;padding:3px 9px;font-size:12px;display:inline-block}.open-bar{padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--card) 70%, #fff0);position:fixed;bottom:0;left:0;right:0}.open-btn{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#000;border:0;border-radius:27px;width:100%;max-width:448px;height:54px;margin:0 auto;font-size:20px;font-weight:700;display:block}.open-btn:disabled{background:var(--muted);cursor:default}.screen--onboarding{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.onboarding-step{animation:.32s cubic-bezier(.2,.8,.2,1) backwards layer-in}.onboarding-hero{text-align:center;padding:24px 8px 28px}.onboarding-title{letter-spacing:-.5px;font-size:34px;font-weight:800}.onboarding-lead{color:var(--text-2);text-wrap:balance;margin-top:8px;font-size:17px}.onboarding-logos{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.onboarding-logos .store-logo{width:auto;height:auto;display:block}.onboarding-logos .store-logo img{width:auto;max-width:70px;height:30px}.sheet--onboarding{border-radius:32px;padding:28px 20px}.how-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.how-list li,.city-intro{align-items:flex-start;gap:14px;display:flex}.how-list__icon{color:#fff;background:#111;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.how-list h2,.city-intro h1{margin-bottom:4px;font-size:18px;font-weight:700}.how-list p,.city-intro p{color:var(--text-2);line-height:1.45}.how-list .badge-chip{vertical-align:1px}.city-intro{padding:4px 4px 20px}.city-section{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:8px;font-size:13px;font-weight:600}.city-list{background:var(--card);border-radius:24px;margin-bottom:16px;overflow:hidden}.city-list li+li .city-row{border-top:1px solid var(--bg)}.city-row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 16px 10px 18px;display:flex}.city-row__name{flex:1;font-size:17px}.city-row__stores{color:var(--muted);font-size:13px}.city-row__check{border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.city-row--active .city-row__name{font-weight:700}.city-row--active .city-row__check{color:#fff;background:#111}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.login__icon{border-radius:22px;margin-bottom:12px}.login__wait{background:var(--card);color:var(--text-2);border-radius:20px;margin-top:24px;padding:16px 20px}.login__error{color:var(--red);margin-top:20px}.pwa-banner{background:var(--card);border-radius:24px;flex-direction:column;gap:12px;margin-bottom:14px;padding:14px 40px 14px 14px;display:flex;position:relative}.pwa-banner__row{align-items:center;gap:12px;display:flex}.pwa-banner__row p{color:var(--text-2);flex:1;font-size:14px;line-height:1.35}.pwa-banner .how-list__icon{width:36px;height:36px}.pwa-banner__btn{color:#fff;background:#111;border:0;border-radius:18px;flex:none;min-height:36px;padding:0 14px;font-size:14px;font-weight:600}.pwa-banner__btn--light{background:var(--chip);color:var(--text)}.pwa-banner__close{width:36px;height:36px;color:var(--placeholder);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:6px;right:6px}.pwa-banner__note{color:var(--muted);font-size:13px}.overlay{z-index:10;background:#00000059;justify-content:center;align-items:flex-end;animation:.3s both overlay-in;display:flex;position:fixed;inset:0}.overlay.is-closing{animation:.22s ease-in both overlay-out}.overlay .help-sheet{animation:.32s cubic-bezier(.2,.8,.2,1) both sheet-up}.overlay.is-closing .help-sheet{animation:.22s ease-in both sheet-down}@keyframes overlay-in{0%{background:0 0}}@keyframes overlay-out{to{background:0 0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}.help-sheet{width:100%;max-width:480px;padding:20px 24px calc(28px + env(safe-area-inset-bottom));background:var(--card);border-radius:28px 28px 0 0}.help-sheet__head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.help-sheet__head h2{font-size:19px;font-weight:700}.help-list{grid-template-columns:96px 1fr;align-items:center;gap:16px 14px;margin:0;display:grid}.help-list dd{color:var(--text-2);margin:0}.help-list__badge{width:96px}@media (prefers-reduced-motion:reduce){.card,.cards>li{transition:none}.overlay,.overlay .help-sheet,.layer,.onboarding-step{animation:none}.base{transition:none}}
