.rcard{background:var(--c-panel);min-width:0;box-shadow:var(--panel-shadow);transition:transform .6s var(--ease-out-expo), box-shadow .6s var(--ease-out-expo);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.rcard:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #860a4614,0 30px 50px -36px #860a4673}.rcard[hidden]{display:none}.rcard-fig{aspect-ratio:1;background:radial-gradient(90% 90% at 50% 50%, #fff 0%, var(--c-well) 62%, var(--c-accent) 100%);position:relative;overflow:hidden}.rcard-face{aspect-ratio:1;background:var(--c-well);border-radius:26%;position:absolute;overflow:hidden;box-shadow:0 0 0 4px #fff,0 18px 36px -20px #1d151780}.rcard-face img{max-width:none;position:absolute}.rcard-th{aspect-ratio:1;transform:translate(-50%, -50%) rotate(var(--r));transition:transform .6s var(--ease-out-expo);background:#fff;border-radius:16%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 0 1px #1d15170f,0 8px 16px -10px #1d151766}.rcard:hover .rcard-th{transform:translate(-50%,-50%)rotate(0)scale(1.04)}.rcard-th img{object-fit:contain;width:86%;height:86%}.rcard-fig .rcard-more{z-index:3;background:var(--color-ink);color:#fff;border-radius:999px;padding:0 .6em;font-size:12px;line-height:1.8;position:absolute;top:12px;right:12px}.rcard-no{letter-spacing:.1em;color:var(--color-neutral-400);margin-left:.6em;font-size:11px;font-weight:400}.rcard-body{flex-direction:column;flex:1;gap:6px;padding:18px 22px 22px;display:flex}.rcard-tastes{flex-wrap:wrap;gap:6px;display:flex}.rcard-tastes span{background:var(--c-accent);color:color-mix(in srgb, var(--color-ink) 80%, transparent);border-radius:999px;padding:0 .6em;font-size:11px;line-height:1.6}.rcard-h{font-size:17px;font-weight:700;line-height:1.45;transition:color .3s}.rcard-h span{color:var(--color-rose);letter-spacing:.06em;margin-left:.25em;font-size:12px;font-weight:600}.rcard:hover .rcard-h{color:var(--color-rose)}.rcard-v{color:var(--color-neutral-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.rcard-m{color:var(--color-neutral-500);border-top:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);flex-wrap:wrap;gap:4px 14px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.rcard-m b{color:var(--color-ink);margin-right:1px;font-size:15px}.rx-hero{align-items:center;gap:40px;margin-bottom:56px;display:grid}@media (width>=1024px){.rx-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;margin-bottom:80px}}.rx-h1{letter-spacing:-.01em;word-break:auto-phrase;margin-top:10px;font-size:28px;font-weight:700;line-height:1.4}@media (width>=768px){.rx-h1{font-size:40px}}.rx-lead{max-width:36em;color:var(--color-neutral-600);margin-top:18px;font-size:14px;line-height:2}.rx-how{gap:14px;max-width:36em;margin-top:28px;display:grid}.rx-how li{color:var(--color-neutral-600);grid-template-columns:2.6rem minmax(0,1fr);column-gap:8px;font-size:13px;line-height:1.7;display:grid}.rx-how li span{color:var(--color-rose);grid-row:span 2;font-size:22px;line-height:1.1}.rx-how li b{color:var(--color-ink);font-size:14px}.rx-stats{gap:0;margin-top:32px;display:flex}.rx-stats div{border-left:1px solid color-mix(in srgb, var(--color-ink) 14%, transparent);flex-direction:column-reverse;padding:0 22px;display:flex}.rx-stats div:first-child{border-left:0;padding-left:0}.rx-stats dt{color:var(--color-neutral-500);font-size:12px}.rx-stats dd{font-size:30px;line-height:1.1}.rx-hero-card{justify-self:center;width:100%;max-width:440px;position:relative}.rx-hero-card:before{content:"";background:var(--c-accent);z-index:-1;border-radius:999px 999px 40px 40px;position:absolute;inset:-26px -26px 34%}@media (width<=639px){.rx-hero-card:before{left:-12px;right:-12px}}.rx-new{text-align:center;color:var(--color-rose);margin-bottom:10px;position:relative}.rx-filter{top:calc(var(--hdr-h,64px) + 8px);z-index:5;background:color-mix(in srgb, var(--c-panel) 88%, transparent);backdrop-filter:blur(10px);box-shadow:var(--panel-shadow);border-radius:22px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:28px;padding:12px 16px;display:flex;position:sticky}.rx-chips{scrollbar-width:none;flex:1;gap:8px;min-width:0;display:flex;overflow-x:auto}.rx-chips .chip{white-space:nowrap;flex-shrink:0}.rx-count{color:var(--color-neutral-500);white-space:nowrap;font-size:12px}.rx-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (width>=640px){.rx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.rx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}@media (pointer:coarse){.rx-chips .chip{min-height:36px}}
