@layer components{.rating-card{margin:var(--space-5) auto 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;background:var(--bg);padding:20px;border-radius:var(--radius-lg)}.rating-card[hidden]{display:none}.rating-card .side-card-title{width:100%;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:0;color:var(--warn)}.rating-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.stars{position:relative;display:inline-block;line-height:0;flex:none}.stars svg{width:24px;height:24px;display:inline-block;vertical-align:top}.stars-base{color:var(--border)}.stars-fill{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;white-space:nowrap;color:var(--warn);width:0;pointer-events:none;transition:width var(--motion-base) var(--ease-standard)}.stars-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.stars-hit button{flex:1;border:none;background:none;padding:0;cursor:pointer}.stars-hit button:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.rating-score{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--fg);white-space:nowrap}.rating-votes{margin-left:5px;font-size:var(--text-xs);font-weight:400;color:var(--meta)}.rating-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted);line-height:1.5}.rating-card.is-spotlight{box-shadow:0 0 0 3px color-mix(in oklab,var(--warn),transparent 45%)}}