:root{--ad-radius: 14px;--pad: 6px;--c-bg: #f6f1ea;--c-panel: #ffffff;--c-border: rgba(48, 34, 26, .14);--c-text: #2a1d17;--c-muted: rgba(42, 29, 23, .7);--c-brand: #2a1d17;--c-tag-bg: rgba(160, 110, 70, .14);--c-tag-text: #6a3f25;--c-opt-bg: rgba(255, 255, 255, .9);--c-opt-border: rgba(48, 34, 26, .18);--c-cta-1: #2f1f18;--c-cta-2: #7a4b2e;--c-cta-text: #ffffff;--c-cta-shadow: rgba(36, 20, 14, .22);--c-secondary-bg: rgba(42, 29, 23, .06);--c-secondary-border: rgba(42, 29, 23, .18);--c-link: #6a3f25;--c-tile-border: rgba(48, 34, 26, .18);--c-tile-shadow: rgba(42, 29, 23, .14);--c-tile-focus: rgba(106, 63, 37, .55);--fs-brand: 13px;--fs-tagline: 11px;--fs-progress: 11px;--fs-headline: 17px;--fs-helper: 11px;--fs-button: 14px;--fs-label: 11px;--fs-value: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:transparent}button{font-family:inherit}.ad{position:relative;overflow:hidden;border-radius:var(--ad-radius);background:radial-gradient(900px 420px at 20% 0%,rgba(255,255,255,.55),transparent 55%),var(--c-bg);border:1px solid var(--c-border)}.topbar{height:46px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--c-border);background:linear-gradient(90deg,#ffffff8c,#ffffff2e)}.brandBar{padding:8px var(--pad) 6px;display:flex;flex-direction:column;justify-content:center}.logo{width:34px;height:34px;object-fit:contain;margin-left:8px;margin-right:8px}.flip{transform:scaleX(-1)}.topbar--ambient{background-size:220% 100%;animation:topbarPan 6.5s ease-in-out infinite}@keyframes topbarPan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.brand{font-size:var(--fs-brand);font-weight:900;letter-spacing:.2px;color:var(--c-brand);line-height:1.1;text-align:center}.tagline{font-size:var(--fs-tagline);color:var(--c-muted);line-height:1.1;margin-top:2px;text-align:center}.viewport{height:calc(100% - 46px);overflow:hidden}.track{width:100%;height:100%;display:flex;transition:transform .26s cubic-bezier(.2,.9,.2,1);will-change:transform}.screen{width:100%;height:100%;flex:0 0 100%;padding:var(--pad);display:flex;align-items:stretch}.screenInner{width:100%;display:flex;flex-direction:column}.pad4{padding:8px}.progress{font-size:var(--fs-progress);color:var(--c-muted);font-weight:700;letter-spacing:.2px}.headline{margin:6px 0 10px;font-size:var(--fs-headline);line-height:1.15;color:var(--c-text);font-weight:900}.options{display:flex;flex-direction:column;gap:10px;margin-top:6px}.btn{border:1px solid transparent;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid rgba(106,63,37,.55);outline-offset:2px}.btn--option{height:52px;padding:0 12px;background:var(--c-opt-bg);border-color:var(--c-opt-border);font-size:var(--fs-button);font-weight:900;color:var(--c-text);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 16px #2a1d1714;transition:transform .12s ease,filter .12s ease,box-shadow .16s ease}.btn--option:hover{filter:brightness(1.02);box-shadow:0 12px 18px #2a1d171c}.btn--option:active{transform:scale(.98)}.card{background:var(--c-panel);border:1px solid var(--c-border);border-radius:14px;padding:10px;box-shadow:0 16px 26px #2a1d171f;display:flex;flex-direction:column;gap:10px}.thumbRow{width:100%;height:72px;border-radius:12px;overflow:hidden;border:1px solid var(--c-border)}.thumb{width:100%;height:100%;object-fit:cover;display:block}.thumb--empty{background:var(--c-secondary-bg)}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.productName{font-weight:950;color:var(--c-text);line-height:1.1;font-size:14px}.roastTag{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:var(--c-tag-bg);color:var(--c-tag-text);border:1px solid rgba(106,63,37,.18);font-size:var(--fs-label);font-weight:900;line-height:1}.rows{display:flex;flex-direction:column;gap:6px}.row{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:start}.rowLabel{font-size:var(--fs-label);color:var(--c-muted);font-weight:900}.rowValue{font-size:var(--fs-value);color:var(--c-text);font-weight:800;line-height:1.2}.btn--cta{height:40px;border:0;border-radius:12px;color:var(--c-cta-text);font-weight:950;font-size:14px;letter-spacing:.2px;background:linear-gradient(135deg,var(--c-cta-1),var(--c-cta-2));box-shadow:0 12px 18px var(--c-cta-shadow),inset 0 1px #ffffff2e;transition:transform .12s ease,filter .12s ease}.btn--cta:hover{filter:brightness(1.04)}.btn--cta:active{transform:scale(.98)}.resultActions{display:flex;align-items:center;justify-content:space-between;gap:10px}.btn--secondary{height:34px;padding:0 10px;background:var(--c-secondary-bg);border:1px solid var(--c-secondary-border);border-radius:10px;color:var(--c-text);font-weight:900;font-size:12px;transition:transform .12s ease,filter .12s ease}.btn--secondary:hover{filter:brightness(1.02)}.btn--secondary:active{transform:scale(.98)}.linkBtn{border:0;background:transparent;padding:6px 2px;cursor:pointer;color:var(--c-link);font-weight:900;font-size:12px;text-decoration:underline;text-underline-offset:2px}.linkBtn:active{transform:scale(.98)}.linkBtn--tight{padding:4px 0}.catalogTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.grid{margin:0;padding:0;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;height:100%}.tile{position:relative;border:1px solid var(--c-tile-border);border-radius:14px;overflow:hidden;padding:0;background:transparent;cursor:pointer;box-shadow:0 10px 18px var(--c-tile-shadow);transition:transform .12s ease,filter .12s ease,box-shadow .16s ease}.tile:hover{filter:brightness(1.02);box-shadow:0 12px 22px var(--c-tile-shadow)}.tile:active{transform:scale(.98)}.tile:focus-visible{outline:2px solid var(--c-tile-focus);outline-offset:2px}.tileImg{width:90px;height:90px;display:block;object-fit:cover;transform:translate(-5px)}.tileTag{position:absolute;top:10px;right:10px;white-space:pre-line;font-weight:600;font-size:.7rem;text-align:right}.tileTastesLike{position:absolute;bottom:10px;right:10px;white-space:pre-line;font-weight:400;font-size:.55rem;text-align:right}