.app{max-width:460px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:20px 18px 28px}.feed{display:flex;flex-direction:column}.feed__context,.feed__main,.feed__live{min-width:0}.legend{display:none}@media (min-width: 1080px){.app--wide{max-width:1180px;padding:40px 24px 48px}.app--wide .feed{display:grid;grid-template-columns:minmax(220px,280px) minmax(380px,460px) minmax(260px,320px);gap:clamp(24px,3vw,56px);align-items:start}.app--wide .feed__context{grid-column:1;position:sticky;top:40px}.app--wide .feed__main{grid-column:2}.app--wide .feed__live{grid-column:3;position:sticky;top:40px}.app--wide .feed>.sr-only{grid-column:1 / -1}.legend{display:flex;flex-direction:column;gap:11px;margin-top:24px;padding-top:20px;border-top:1px solid var(--ink-line)}.legend__row{display:flex;align-items:center;gap:11px;color:var(--text-soft);font-size:14px}.legend__key{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink-raise);border:1px solid var(--ink-line);color:var(--paper);font-family:var(--font-ui);font-size:15px;line-height:1}}.brandrow{display:flex;align-items:center;gap:9px;margin-bottom:14px}.brandmark{width:30px;height:30px;border-radius:9px;background:var(--paper);display:grid;place-items:center;font-size:17px}.brandname{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:.2px}.query{background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:var(--r-md);padding:11px 14px;font-size:13.5px;color:var(--text-soft);margin-bottom:18px}.query b{color:var(--paper);font-weight:500}.feedmsg{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:64px 20px;color:var(--text-soft);font-size:14.5px}.feedmsg--error{color:var(--paper)}.feedmsg--error:focus-visible{outline:2px solid var(--coral, #ff7a59);outline-offset:4px;border-radius:var(--r-sm)}.feedmsg .backlink{padding:12px 18px;min-height:44px;align-self:center}.backlink{align-self:flex-start;background:none;border:none;padding:4px 0;margin-bottom:12px;min-height:24px;color:var(--text-muted);font-family:var(--font-ui);font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:color .14s ease}.backlink:hover{color:var(--text-soft)}.backlink span{font-size:15px;transition:transform .18s var(--ease-out)}.backlink:hover span{transform:translate(-3px)}.backlink:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:var(--r-sm)}.home{flex:1;display:flex;flex-direction:column}.home__hero{margin-top:clamp(28px,9vh,72px);margin-bottom:26px}.home__title{font-family:var(--font-display);font-weight:600;font-size:clamp(38px,12vw,52px);line-height:1.02;letter-spacing:-.5px;color:var(--paper)}.home__title-accent{color:var(--coral);font-style:italic}.home__claim{margin-top:16px;max-width:32ch;color:var(--text-soft);font-size:15px;line-height:1.5}.home__field{margin-bottom:16px}.home__label{display:block;margin-bottom:9px;color:var(--text-muted);font-size:13px;letter-spacing:.4px;text-transform:uppercase}.home__input{width:100%;resize:none;background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:var(--r-card);padding:15px 16px;color:var(--paper);font-family:var(--font-ui);font-size:16px;line-height:1.45;transition:border-color .16s ease,box-shadow .16s ease}.home__input::placeholder{color:var(--text-muted)}.home__input:focus-visible{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px #ff7a592e}.home__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:auto;padding-bottom:26px}.chip{background:var(--ink-raise);border:1px solid var(--ink-line);border-radius:var(--r-pill);padding:8px 14px;color:var(--text-soft);font-family:var(--font-ui);font-size:13px;transition:transform .14s ease,border-color .14s ease,color .14s ease}.chip:hover{color:var(--paper);border-color:var(--coral)}.chip:active{transform:scale(.96)}.chip:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.home__cta{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:var(--r-pill);padding:17px 22px;background:var(--coral);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:17px;box-shadow:0 14px 30px -16px #ff7a59a6;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.home__cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px -16px #ff7a59bf}.home__cta:active:not(:disabled){transform:translateY(0) scale(.99)}.home__cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.home__cta:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.home__cta-arrow{transition:transform .18s var(--ease-out)}.home__cta:hover:not(:disabled) .home__cta-arrow{transform:translate(4px)}.deck{position:relative;height:396px;margin-bottom:14px}.card{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 40px -24px #0000008c}.card--top{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.card--top:active{cursor:grabbing}.card--top:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.card--behind{transform:scale(.94) translateY(14px);z-index:1;filter:brightness(.97)}.card__art{height:210px;display:grid;place-items:center;font-size:88px;position:relative;overflow:hidden;background:var(--paper-2, #f0eadf)}.card__img{width:100%;height:100%;object-fit:cover;display:block}.card__score{position:absolute;top:13px;right:13px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:500;padding:5px 11px;border-radius:var(--r-pill)}.card__body{padding:16px 18px 15px;display:flex;flex-direction:column;flex:1}.card__title{font-family:var(--font-display);font-weight:600;font-size:23px;color:var(--ink);line-height:1.12}.card__why{font-size:13.5px;color:#6b6577;margin-top:8px;line-height:1.45;flex:1}.card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.card__price{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink)}.card__ad{font-size:11px;color:#6b6577;display:inline-flex;align-items:center;gap:4px}.card__shop{font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;transition:color var(--dur, .15s) ease;display:inline-block;padding-block:6px;margin-block:-6px}.card__shop:hover{color:var(--coral)}.card__shop:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}.card__shop-ad{color:#564d63;text-decoration:none;font-size:11px}.merk-badge{margin-left:auto;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ink-line);border-radius:var(--r-pill);padding:6px 12px;background:none;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .14s ease,color .14s ease}.merk-badge:hover{color:var(--coral);border-color:var(--coral)}.merk-badge:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.merk__title{font-family:var(--font-display);font-weight:600;font-size:28px;color:var(--ink);margin:4px 0 18px}.merk__empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:44px 12px}.merk__empty-lead{font-family:var(--font-display);font-size:19px;color:var(--ink)}.merk__empty-hint{color:#564d63;font-size:14px;max-width:30ch}.merk__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--r-pill);padding:12px 20px;margin-top:10px;background:var(--coral);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;box-shadow:0 12px 26px -16px #ff7a59a6;transition:transform .14s ease,box-shadow .14s ease}.merk__cta:hover{transform:translateY(-1px);box-shadow:0 16px 30px -16px #ff7a59bf}.merk__cta:active{transform:translateY(0) scale(.99)}.merk__cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.merk__cta--sm{padding:9px 16px;font-size:13.5px;margin-top:0;box-shadow:none;white-space:nowrap}.merk__ad{font-size:11px;font-weight:400;color:#564d63}.merk__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.merk__item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--ink-line);border-radius:14px;background:#fff}.merk__thumb{flex:0 0 auto;width:56px;height:56px;border-radius:var(--r-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#efe9e0;font-size:24px}.merk__img{width:100%;height:100%;object-fit:cover}.merk__info{flex:1 1 auto;min-width:0}.merk__name{font-weight:600;color:var(--ink);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merk__price{font-family:var(--font-display);color:var(--ink);font-size:15px;margin-top:2px}.merk__actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.merk__sub{display:flex;align-items:center;gap:8px}.merk__sub-sep{color:#564d63;font-size:11px}.merk__remove{background:none;border:none;padding:6px 4px;color:#564d63;font-size:12.5px;text-decoration:underline;cursor:pointer}.merk__remove:hover{color:var(--coral)}.merk__remove:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:var(--r-sm)}.consent{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:460px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);box-shadow:0 -10px 28px -14px #00000073}.consent__text{flex:1 1 auto;margin:0;font-size:12.5px;line-height:1.45;color:var(--paper)}.consent__text strong{font-weight:600}.consent__link{color:var(--coral);text-decoration:underline;text-underline-offset:2px}.consent__link:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:var(--r-sm)}.consent__btn{flex:0 0 auto;border:none;border-radius:var(--r-pill);padding:10px 18px;background:var(--coral);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;transition:transform .14s ease}.consent__btn:hover{transform:translateY(-1px)}.consent__btn:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .2s ease}.tint--more{background:linear-gradient(to left,rgba(47,158,87,.6),transparent 62%);opacity:var(--more, 0)}.tint--less{background:linear-gradient(to right,rgba(214,64,106,.6),transparent 62%);opacity:var(--less, 0)}.tint--save{background:linear-gradient(to bottom,rgba(255,122,89,.55),transparent 62%);opacity:var(--save, 0)}.card--dragging .tint,.card--dragging .stamp{transition:none}.stamp{position:absolute;top:22px;padding:7px 15px;border-radius:12px;border:3px solid currentColor;background:#fbf7f0d1;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:0;z-index:3;pointer-events:none;transition:opacity .2s ease}.stamp--more{right:18px;color:#2f9e57;transform:rotate(9deg) scale(calc(.7 + .3 * var(--more, 0)));opacity:var(--more, 0)}.stamp--less{left:18px;color:#c43a64;transform:rotate(-9deg) scale(calc(.7 + .3 * var(--less, 0)));opacity:var(--less, 0)}.stamp--save{left:50%;top:50%;color:var(--coral-deep);transform:translate(-50%,-50%) scale(calc(.7 + .3 * var(--save, 0)));opacity:var(--save, 0)}.actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:22px}.act{border:none;border-radius:50%;display:grid;place-items:center;transition:transform .14s ease,background .14s ease;font-size:22px;line-height:1}.act:active{transform:scale(.9)}.act--less{width:54px;height:54px;background:var(--ink-raise);color:var(--text-soft)}.act--save{width:46px;height:46px;background:var(--ink-raise);color:var(--coral)}.act--more{width:54px;height:54px;background:var(--coral);color:var(--ink)}.act:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.shortlist__head{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--text-muted);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.shortlist__dot{width:6px;height:6px;border-radius:50%;background:var(--coral)}.row{display:flex;align-items:center;gap:11px;background:var(--ink-soft);border-radius:var(--r-md);padding:9px 12px;margin-bottom:7px;transition:transform var(--dur) var(--ease-out)}.row__art{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:18px;flex-shrink:0;overflow:hidden}.row__img{width:100%;height:100%;object-fit:cover;display:block}.row__main{flex:1;min-width:0}.row__title{font-size:13.5px;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__bar{height:4px;background:var(--ink-line);border-radius:var(--r-pill);margin-top:5px;overflow:hidden}.row__fill{height:100%;background:var(--coral);border-radius:var(--r-pill);transition:width var(--dur) var(--ease-out)}.row__price{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--text-soft);flex-shrink:0}.done{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink-soft);border-radius:var(--r-card);display:grid;place-items:center;text-align:center;padding:0 28px}.done h2{font-size:21px;color:var(--paper)}.done p{color:var(--text-soft);font-size:13.5px;margin-top:9px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.card,.row,.row__fill,.act,.chip,.home__cta,.home__cta-arrow,.home__input,.backlink,.backlink span,.tint,.stamp{transition:none!important}}:root{--ink: #1a1625;--ink-soft: #221c30;--ink-line: #2e2840;--ink-raise: #2a2436;--coral: #ff7a59;--coral-deep: #993c1d;--paper: #fbf7f0;--paper-dim: #eadfd0;--text-muted: #a89db5;--text-soft: #c9c2d6;--like: #9fd17a;--like-bg: #23341f;--nope: #ed93b1;--nope-bg: #3a2330;--font-display: "Fraunces", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--r-sm: 10px;--r-md: 14px;--r-card: 22px;--r-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur: .42s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:radial-gradient(1100px 760px at 78% -12%,rgba(255,122,89,.09),transparent 58%),radial-gradient(880px 680px at -8% 108%,rgba(159,209,122,.05),transparent 55%),var(--ink);background-attachment:fixed;color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0}
