.chr-rewards,.chr-nextup{--chr-u-bg:#fff;--chr-u-surface:#f4f2ef;--chr-u-fg:#171717;--chr-u-muted:#484848;--chr-u-border:#d4d2d0;--chr-u-accent:#f66a9b;color:var(--chr-u-fg);font-family:Inter,Arial,sans-serif;color-scheme:light}
html[data-chromatica-theme="dark"] .chr-rewards,html[data-chromatica-theme="dark"] .chr-nextup{--chr-u-bg:#242424;--chr-u-surface:#343434;--chr-u-fg:#fff;--chr-u-muted:#dedede;--chr-u-border:#636363;color-scheme:dark}
.chr-rewards{background:var(--chr-u-bg);border:1px solid var(--chr-u-border);border-radius:12px;padding:16px;margin:12px 0 18px;max-width:100%;color:var(--chr-u-fg)}
.chr-rewards__heading{display:flex;align-items:center;gap:12px}.chr-rewards__can{width:28px;height:35px;flex:none;color:var(--chr-u-accent)}.chr-rewards__eyebrow{display:block;font:600 10px/1.4 "Space Mono",monospace;letter-spacing:.06em;color:var(--chr-u-muted)}.chr-rewards__title{display:block;font:700 clamp(12px,1.2vw,15px)/1.35 Inter,sans-serif;letter-spacing:.02em;color:var(--chr-u-fg)}
.chr-rewards__track{height:8px;background:var(--chr-u-surface);overflow:hidden;border-radius:20px;margin-top:14px}.chr-rewards__fill{display:block;height:100%;background:var(--chr-u-accent);transition:width .3s ease}
.chr-rewards__levels{display:flex;justify-content:space-between;margin:7px 0 10px;font:600 11px "Space Mono",monospace;color:var(--chr-u-muted)}.chr-rewards__levels .is-reached{color:var(--chr-u-fg)}.chr-rewards__message{font-size:13px;font-weight:650;line-height:1.5;margin:0;color:var(--chr-u-fg)}.chr-rewards__fineprint{font-size:11px;line-height:1.5;color:var(--chr-u-muted);margin:7px 0 0}
.chr-nextup{position:fixed;z-index:95;left:20px;bottom:20px;width:min(376px,calc(100vw - 32px));border:1px solid var(--chr-u-border);border-radius:14px;background:var(--chr-u-bg);box-shadow:0 16px 45px rgba(0,0,0,.24);padding:16px;display:none;max-height:min(80vh,560px);overflow:auto;color:var(--chr-u-fg)}
.chr-nextup.is-visible{display:block;animation:chr-nextup-in .22s ease-out}@keyframes chr-nextup-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.chr-nextup__top{display:flex;align-items:center;gap:9px;margin-bottom:14px}.chr-nextup__can{width:24px;height:31px;color:var(--chr-u-accent);flex:none}.chr-nextup__status{font:700 11px/1.5 "Space Mono",monospace;color:var(--chr-u-fg);letter-spacing:.04em}.chr-nextup__close{margin-left:auto;border:1px solid var(--chr-u-border);background:var(--chr-u-surface);color:var(--chr-u-fg);width:40px;height:40px;border-radius:8px;font:22px/1 Arial;cursor:pointer}
.chr-nextup__eyebrow{font:700 10px "Space Mono",monospace;color:var(--chr-u-muted);letter-spacing:.06em;margin:0 0 7px}.chr-nextup__title{font:750 17px/1.2 Inter,sans-serif;color:var(--chr-u-fg);margin:0 0 14px}.chr-nextup__product{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:14px}.chr-nextup__image{width:86px;height:86px;object-fit:cover;border-radius:8px;background:var(--chr-u-surface)}.chr-nextup__name{font:650 13px/1.35 Inter,sans-serif;color:var(--chr-u-fg);margin:0 0 6px}.chr-nextup__price{font:700 13px "Space Mono",monospace;color:var(--chr-u-fg);margin:0}.chr-nextup__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chr-nextup__add,.chr-nextup__view{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 7px;border-radius:7px;font:700 11px/1.3 "Space Mono",monospace;text-decoration:none;text-align:center;cursor:pointer}.chr-nextup__add{background:#f66a9b;color:#171717;border:1px solid #f66a9b}.chr-nextup__view{border:1px solid var(--chr-u-border);background:var(--chr-u-surface);color:var(--chr-u-fg)}.chr-nextup__add:disabled{opacity:.55;cursor:wait}.chr-nextup__add:focus-visible,.chr-nextup__view:focus-visible,.chr-nextup__close:focus-visible{outline:3px solid var(--chr-u-accent);outline-offset:3px}
.chr-nextup__error{color:var(--chr-u-fg);font-size:12px;margin:8px 0 0}.chr-nextup[hidden]{display:none!important}
@media(max-width:749px){.chr-nextup{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:13px}.chr-nextup__title{font-size:15px}.chr-nextup__product{grid-template-columns:72px 1fr}.chr-nextup__image{width:72px;height:72px}.chr-rewards{padding:12px}.chr-rewards__title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.chr-nextup.is-visible{animation:none}.chr-rewards__fill{transition:none}}