.ruh{--ruh-gold:#f5a623;--ruh-teal:#0e9ba2;--ruh-teal-hi:#34c7ce;--ruh-ease:cubic-bezier(.22, 1, .36, 1);--ruh-lane-w:340px;width:100%;max-width:1080px;margin-inline:auto}.ruh-stage{background:var(--card);border:1px solid var(--border-medium,#e4e7ec);box-shadow:var(--shadow-ambient,0 12px 32px -4px #101d330f);border-radius:24px;position:relative;overflow:hidden}.ruh-viewport{overflow:hidden}.ruh-track{will-change:transform;width:200%;transition:transform .9s cubic-bezier(.76,0,.24,1);display:flex}.ruh-slide{flex:0 0 50%;min-width:0}.ruh-scene{grid-template-columns:var(--ruh-lane-w) minmax(0, 1fr);gap:28px;min-height:440px;padding:26px 30px 30px;display:grid;position:relative}.ruh-lane{background:linear-gradient(180deg, var(--card), var(--card) 6%, transparent 18%, transparent 82%, var(--card) 94%, var(--card)), linear-gradient(180deg, var(--surface-low,#f2f4f7), #fbfcfe);border:1px solid var(--border,#eaecf0);border-radius:16px;position:relative;overflow:hidden}.ruh-lane-head{z-index:3;z-index:4;font:600 12px/1 var(--font-sans);color:var(--metadata-foreground,#475467);background:linear-gradient(180deg, var(--card) 62%, transparent);align-items:center;gap:8px;padding:13px 14px 20px;display:flex;position:absolute;inset:0 0 auto}.ruh-lane-head .ruh-dot{background:var(--brand-blue,#308ecf);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-blue) 16%, transparent);border-radius:50%}.ruh-belt-clip{z-index:1;--mask:linear-gradient(180deg, transparent 4%, #000 26%, #000 76%, transparent 98%);-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);position:absolute;inset:0;overflow:hidden}.ruh-belt{will-change:transform;position:absolute;top:46%;left:16px;right:16px}.ruh-item{height:44px;transition:opacity .35s var(--ruh-ease), color .35s var(--ruh-ease);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex;position:absolute;left:0;right:0}.ruh-item-t{min-width:0;font:500 13px/1.35 var(--font-sans);color:var(--metadata-foreground,#667085);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ruh-item.is-upcoming{opacity:.5}.ruh-item.is-active{opacity:1}.ruh-item.is-done{opacity:.4}.ruh-item.is-active .ruh-item-t{color:var(--brand-ink,#101828)}.ruh-item-mark{color:#fff;width:16px;height:16px;transition:background .3s var(--ruh-ease);border-radius:50%;flex:none;place-items:center;font-size:9px;line-height:1;display:grid}.ruh-item-pip{background:var(--metadata-foreground,#98a2b3);border-radius:50%;width:7px;height:7px}.ruh-item.k-review .ruh-item-pip{background:var(--ruh-gold)}.ruh-item.k-competitor .ruh-item-pip{background:var(--ruh-teal)}.ruh-item.is-removed .ruh-item-mark{background:var(--success,#16a34a)}.ruh-item.is-removed .ruh-item-t{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--metadata-foreground) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--metadata-foreground) 55%, transparent)}.ruh-box{z-index:2;border:1px solid color-mix(in srgb, var(--brand-blue) 28%, transparent);background:color-mix(in srgb, var(--brand-blue) 4%, transparent);height:54px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--brand-blue) 5%, transparent);pointer-events:none;border-radius:13px;position:absolute;top:46%;left:10px;right:10px;transform:translateY(-50%)}.ruh-box-pill{background:var(--card);border:1px solid color-mix(in srgb, var(--brand-blue) 22%, transparent);font:600 10.5px/1 var(--font-sans);color:var(--brand-blue-ink,#1a6097);white-space:nowrap;box-shadow:var(--shadow-card,0 2px 8px #101d330f);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex;position:absolute;top:-12px;left:12px;transform:translateY(-50%)}.ruh-belt-clip,.ruh-box{transition:opacity .4s var(--ruh-ease)}.ruh-lane.is-done .ruh-belt-clip,.ruh-lane.is-done .ruh-box{opacity:0}.ruh-summary{z-index:5;background:var(--card);border:1px solid color-mix(in srgb, var(--success) 26%, var(--border,#eaecf0));width:calc(100% - 36px);max-width:318px;box-shadow:var(--shadow-ambient,0 12px 32px -4px #101d331a);animation:ruh-sum-in .5s var(--ruh-ease) both;border-radius:16px;padding:18px 18px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ruh-sum-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.ruh-sum-head{border-bottom:1px solid var(--border,#eaecf0);font:400 15px/1.25 var(--font-sans);color:var(--brand-ink,#101828);align-items:center;gap:9px;margin-bottom:12px;padding-bottom:12px;display:flex}.ruh-sum-check{background:var(--success,#16a34a);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:inline-grid}.ruh-sum-rows{flex-direction:column;gap:11px;display:flex}.ruh-sum-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ruh-sum-lab{font:500 12.5px/1 var(--font-sans);color:var(--metadata-foreground,#667085)}.ruh-sum-ba{align-items:baseline;gap:8px;display:inline-flex}.ruh-sum-from{font:500 13px/1 var(--font-sans);color:var(--metadata-foreground,#98a2b3);font-variant-numeric:tabular-nums}.ruh-sum-arr{color:var(--metadata-foreground,#98a2b3);font-size:12px}.ruh-sum-to{font:700 15px/1 var(--font-heading);color:var(--success-ink,#116d34);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.ruh-panel{flex-direction:column;align-self:center;gap:16px;display:flex}.ruh-product{align-items:center;gap:16px;display:flex}.ruh-thumb{background:var(--surface-low,#f2f4f7);border:1px solid var(--border,#eaecf0);width:82px;height:82px;box-shadow:var(--shadow-card,0 2px 8px #101d330f);border-radius:16px;flex:none;position:relative;overflow:hidden}.ruh-thumb img{object-position:center}.ruh-product-meta{flex-direction:column;min-width:0;display:flex}.ruh-product-name{font:400 20px/1.2 var(--font-sans);color:var(--brand-ink,#101828);letter-spacing:-.015em}.ruh-product-sub{font:500 13px/1 var(--font-sans);color:var(--metadata-foreground,#667085);margin-top:4px}.ruh-rating{background:var(--card);border:1px solid var(--border,#eaecf0);box-shadow:var(--shadow-card,0 2px 8px #101d330f);transform-origin:30%;will-change:transform;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.ruh-stars{letter-spacing:3px;white-space:nowrap;font-size:24px;line-height:1;display:inline-block;position:relative}.ruh-stars-track{color:var(--surface-high,#eaecf0)}.ruh-stars-fill{white-space:nowrap;color:var(--ruh-gold);width:0;position:absolute;top:0;left:0;overflow:hidden}.ruh-rating-num{font:700 30px/1 var(--font-heading);letter-spacing:-.03em;color:var(--brand-ink,#101828);font-variant-numeric:tabular-nums;margin-left:auto}.ruh-rating-num small{color:var(--metadata-foreground,#667085);margin-left:2px;font-size:14px}.ruh-metrics{background:var(--card);border:1px solid var(--border,#eaecf0);box-shadow:var(--shadow-card,0 2px 8px #101d330f);border-radius:16px;grid-template-columns:1fr auto;align-items:end;gap:6px 18px;padding:16px 18px;display:grid}.ruh-metric-lab{font:600 12px/1 var(--font-sans);color:var(--metadata-foreground,#667085)}.ruh-share-num{font:700 20px/1 var(--font-heading);color:var(--ruh-teal);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ruh-bar{background:color-mix(in srgb, var(--ruh-teal) 14%, var(--surface-low,#f2f4f7));border-radius:999px;grid-column:1/-1;height:9px;margin-top:2px;overflow:hidden}.ruh-bar-fill{background:linear-gradient(90deg, var(--ruh-teal), var(--ruh-teal-hi));transform-origin:0;will-change:transform;border-radius:999px;width:100%;height:100%}.ruh-revbox{background:linear-gradient(150deg, color-mix(in srgb, var(--brand-blue) 8%, var(--card)), var(--card));border:1px solid color-mix(in srgb, var(--brand-blue) 24%, transparent);box-shadow:var(--shadow-card,0 2px 8px #101d330f);transform-origin:72%;will-change:transform;border-radius:16px;grid-template-columns:1fr auto;align-items:center;column-gap:14px;padding:16px 18px;display:grid}.ruh-rev-lab{font:600 12.5px/1 var(--font-sans);color:var(--brand-blue-ink,#1a6097);grid-area:1/1}.ruh-rev-sub{font:500 11.5px/1 var(--font-sans);color:var(--metadata-foreground,#667085);grid-area:2/1;margin-top:4px}.ruh-rev-num{font:700 clamp(24px, 2.5vw, 31px)/1 var(--font-heading);letter-spacing:-.03em;color:var(--brand-ink,#101828);font-variant-numeric:tabular-nums;grid-area:1/2/span 2;align-self:center}.ruh-proj{z-index:6;pointer-events:none;place-items:center;margin:-11px 0 0 -11px;display:grid;position:absolute;top:0;left:0}.ruh-proj-review{color:var(--ruh-gold);filter:drop-shadow(0 3px 8px color-mix(in srgb, var(--ruh-gold) 55%, transparent));font-size:22px}.ruh-token{background:linear-gradient(150deg, var(--ruh-teal-hi), var(--ruh-teal));width:16px;height:16px;box-shadow:0 3px 9px color-mix(in srgb, var(--ruh-teal) 50%, transparent);border-radius:5px}.ruh-foot{border-top:1px solid var(--border,#eaecf0);font:500 11.5px/1.4 var(--font-sans);color:var(--metadata-foreground,#667085);justify-content:space-between;align-items:center;gap:12px;padding:12px 30px 16px;display:flex}.ruh-foot .ruh-illus{align-items:center;gap:6px;display:inline-flex}.ruh-illus .ruh-dot{background:var(--border-medium,#d0d5dd);border-radius:50%;width:6px;height:6px}@media (max-width:760px){.ruh-scene{grid-template-columns:1fr;gap:20px;padding:20px 18px 24px}.ruh-lane{height:240px}.ruh-rating-num{font-size:26px}}@media (prefers-reduced-motion:reduce){.ruh-track{transition:none}}@media (max-width:600px){.ruh{width:calc(100% + var(--ph-gutter) * 2)}.ruh-stage{border-width:1px 0;border-color:var(--border-soft);box-shadow:none;border-radius:0}.ruh-scene{padding:0 0 var(--ph-block);gap:var(--ph-block);min-height:0}.ruh-lane{border:0;border-radius:0}.ruh-lane-head{padding-inline:var(--ph-gutter)}.ruh-belt{left:0;right:0}.ruh-item{padding-inline:var(--ph-gutter)}.ruh-item-t{font-size:var(--ph-meta)}.ruh-box{box-shadow:none;border-width:1px 0;border-radius:0;left:0;right:0}.ruh-box-pill{left:var(--ph-gutter);font-size:var(--ph-label)}.ruh-sum-lab{font-size:var(--ph-meta)}.ruh-sum-to{font-size:17px}.ruh-panel{padding-inline:var(--ph-gutter);gap:22px}.ruh-product{gap:14px}.ruh-thumb{border-radius:14px;width:72px;height:72px}.ruh-product-name{font-size:var(--ph-h3);line-height:var(--ph-h3-lh)}.ruh-product-sub{font-size:var(--ph-meta);margin-top:5px}.ruh-rating{box-shadow:none;transform-origin:0%;background:0 0;border:0;border-radius:0;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:9px 16px;padding:0;display:grid}.ruh-rating .ruh-metric-lab{grid-area:1/1/2/3}.ruh-rating-num{white-space:nowrap;grid-area:2/1/3/2;margin-left:0;font-size:48px}.ruh-rating-num small{margin-left:4px;font-size:18px}.ruh-stars{grid-area:2/2/3/3}.ruh-metrics{box-shadow:none;transform-origin:0%;background:0 0;border:0;border-radius:0;gap:8px 16px;padding:0}.ruh-share-num{font-size:22px}.ruh-bar{height:10px;margin-top:4px}.ruh-rating .ruh-metric-lab,.ruh-metrics .ruh-metric-lab{font-size:var(--ph-meta)}.ruh-revbox{margin-inline:calc(var(--ph-gutter) * -1);padding:15px var(--ph-gutter);box-shadow:none;border-width:1px 0;border-radius:0;column-gap:16px}.ruh-rev-lab{font-size:var(--ph-meta)}.ruh-rev-sub{font-size:var(--ph-label);margin-top:5px}.ruh-rev-num{font-size:26px}.ruh-foot{padding:14px var(--ph-gutter) 16px;font-size:var(--ph-meta);line-height:var(--ph-meta-lh);flex-direction:column;align-items:flex-start;gap:9px}}@media (prefers-reduced-motion:reduce) and (max-width:600px){.ruh-track,.ruh-belt-clip,.ruh-box,.ruh-item{transition:none}.ruh-summary{animation:none}}