.rating-bar{transform-origin:bottom center}
.track span,.mini-track span,.stack{transform-origin:left center}
.score,.big-number,.hero-bottom strong,.feedback-count,.center-number{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:no-preference){
  .card,.detail-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
  .feedback-row,.question,.profile-row{transition:background-color .22s ease}
  .donut .segment{transition:stroke-width .22s ease,filter .22s ease,opacity .22s ease}
  .donut:has(.segment:hover) .segment:not(:hover){opacity:.5}
  .donut:has(.segment:focus-visible) .segment:not(:focus-visible){opacity:.5}
  .donut .segment:hover,.donut .segment:focus-visible{filter:drop-shadow(0 3px 4px #10203025)}
  .stack span{transition:filter .22s ease}
  .stack span:hover,.stack span:focus-visible{filter:brightness(1.18)}
  .q-dist:not([hidden]){animation:appear .28s ease both}
  .card:focus-within,.detail-card:focus-within{box-shadow:0 10px 30px #152c4010;border-color:#b8c9d8}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .card:hover,.detail-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #152c4012;border-color:#b8c9d8}
  .feedback-row:hover,.question:hover,.profile-row:hover{background-color:#f4f8fb}
}