.star{--star:var(--acc-gold);border:1.5px solid var(--border);background:var(--card);color:var(--ink-body);font-family:var(--font-display);cursor:pointer;transition:color var(--dur-tap) var(--ease-glide), border-color var(--dur-tap) var(--ease-glide), background-color var(--dur-hover) var(--ease-glide), transform var(--dur-hover) var(--ease-spring), box-shadow var(--dur-hover) var(--ease-glide);border-radius:999px;align-items:center;gap:8px;padding:10px 17px 10px 13px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.star:hover{color:var(--ink-title);border-color:color-mix(in srgb, var(--star) 70%, var(--border));box-shadow:0 10px 20px -14px color-mix(in srgb, var(--star) 80%, transparent);transform:translateY(-2px)}.star:active{transition-duration:var(--dur-press);transform:translateY(1px)scale(.95)}.star[aria-pressed=true]{color:var(--ink-title);border-color:var(--star);background:color-mix(in srgb, var(--star) 13%, var(--card))}.star-fx{flex:none;place-items:center;display:inline-grid;position:relative}.star-ico{fill:#0000;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:20px;height:20px;transition:fill var(--dur-tap) var(--ease-glide), color var(--dur-tap) var(--ease-glide), transform var(--dur-hover) var(--ease-spring);display:block}.star:hover .star-ico{transform:rotate(-12deg)scale(1.12)}.star[aria-pressed=true] .star-ico{color:var(--star);fill:currentColor}.star-fx:before,.star-fx:after{content:"";pointer-events:none;opacity:0;position:absolute}.star-fx:before{border:2px solid var(--star);border-radius:50%;inset:-7px;transform:scale(.4)}.star-fx:after{width:4px;height:4px;box-shadow:0 -16px 0 var(--star), 14px -8px 0 var(--acc-coral), 14px 8px 0 var(--star), 0 16px 0 var(--acc-pink), -14px 8px 0 var(--star), -14px -8px 0 var(--acc-mint);border-radius:50%;margin:-2px 0 0 -2px;top:50%;left:50%;transform:scale(.3)}.star.is-starring .star-ico{animation:starPop var(--dur-enter) var(--ease-spring)}.star.is-starring .star-fx:before{animation:starRing var(--dur-reveal) var(--ease-enter)}.star.is-starring .star-fx:after{animation:starSparks var(--dur-reveal) var(--ease-enter)}.star.is-unstarring .star-ico{animation:starLetGo var(--dur-mid) var(--ease-glide)}@keyframes starPop{0%{transform:scale(1)}30%{transform:scale(.72)rotate(-14deg)}64%{transform:scale(1.32)rotate(8deg)}to{transform:none}}@keyframes starRing{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.9)}}@keyframes starSparks{0%{opacity:1;transform:scale(.3)}70%{opacity:1}to{opacity:0;transform:scale(1.4)}}@keyframes starLetGo{0%{transform:scale(1)}40%{transform:scale(.8)rotate(12deg)}to{transform:none}}.star.star-mini{color:var(--ink-faint);background:0 0;border-color:#0000;padding:9px}.star.star-mini:hover{background:color-mix(in srgb, var(--star) 10%, transparent);box-shadow:none;border-color:#0000}.star.star-mini[aria-pressed=true]{background:0 0;border-color:#0000}html[data-theme=glass] .star,html[data-theme=glass] .star.star-mini,html[data-theme=glass] .star.star-mini[aria-pressed=true]{background:var(--lg-fill);box-shadow:none;border-color:#0000;border-radius:999px}html[data-theme=glass] .star[aria-pressed=true]{background:var(--lg-fill-strong);border-color:#0000}html[data-theme=glass] .star:hover,html[data-theme=glass] .star.star-mini:hover{background:var(--lg-fill-strong);box-shadow:none;border-color:#0000;transform:none}html[data-theme=glass] .star:active{transform:none}