.rr{position:relative}.rr-mask{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.rr-scroller{display:flex;gap:1.25rem;overflow-x:auto;overflow-anchor:none;padding:1.2rem 0 1.6rem;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.rr-scroller::-webkit-scrollbar{display:none}.rr-scroller:active{cursor:grabbing}.rr-scroller:focus-visible{outline:2px solid var(--scrappy-lime);outline-offset:-4px;border-radius:var(--radius-md)}.rr-card{flex:none;width:min(300px,80vw);margin:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-origin:center}.rr-photo{display:block;width:100%;height:158px;-o-object-fit:cover;object-fit:cover;filter:saturate(.94) contrast(1.04);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.rr-body{padding:1rem 1.05rem 1.2rem;display:flex;flex-direction:column;gap:.7rem}.rr-who{display:flex;align-items:center;gap:.6rem}.rr-avatar{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:none;border:1px solid var(--border-strong);-webkit-user-drag:none}.rr-name{font-weight:700;font-size:.88rem;color:var(--ink);line-height:1.2}.rr-dish{font-size:.76rem;color:var(--muted);line-height:1.3;margin-top:2px}.rr-q{margin:0;font-size:.9rem;line-height:1.58;color:var(--ink-soft)}.rr-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:flex-end;margin-top:1.4rem}.rr-ctrls{display:flex;gap:.5rem}.rr-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:44px;min-height:44px;padding:.55rem .95rem;border-radius:999px;background:transparent;border:1px solid var(--border-strong);color:var(--ink);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,transform .18s var(--ease-settle)}.rr-ghost:hover{background:var(--card-2);border-color:var(--scrappy-green-bright)}.rr-ghost:active{transform:scale(.96)}.rr-ghost:focus-visible{outline:2px solid var(--scrappy-lime);outline-offset:3px}.rr-ghost svg{flex:none}@media(hover:none){.rr-ghost:hover{background:transparent;border-color:var(--border-strong)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view(inline)){.rr-card{animation:rr-depth linear both;animation-timeline:view(inline)}@keyframes rr-depth{0%{transform:scale(.94);opacity:.6}15%{transform:scale(1);opacity:1}85%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.6}}}}