.kp-rating{--kp-rating-gold:#fbbf24;--kp-rating-muted:rgba(255,255,255,.28);position:relative;display:grid;gap:12px;width:min(100%,720px);padding:16px 18px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(30,41,59,.64));box-shadow:0 14px 34px rgba(2,6,23,.18);color:#f8fafc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.kp-rating__head{display:flex;align-items:center;justify-content:space-between;gap:18px}.kp-rating__title-wrap{min-width:0}.kp-rating__eyebrow{display:block;margin-bottom:3px;color:#67e8f9;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kp-rating h2{margin:0!important;color:#fff!important;font-size:1rem!important;line-height:1.25!important;text-shadow:none!important}.kp-rating__summary{text-align:right;white-space:nowrap}.kp-rating__summary strong{display:block;color:#fde68a;font-size:1.38rem;line-height:1}.kp-rating__summary small{font-size:.55em}.kp-rating__summary>span{display:block;margin-top:4px;color:#cbd5e1;font-size:.76rem}
.kp-rating__stars{display:flex;align-items:center;gap:3px;max-width:100%;overflow-x:auto;padding:3px 1px 5px;scrollbar-width:thin}.kp-rating__star{flex:0 0 auto;width:38px;height:42px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--kp-rating-muted);font:inherit;font-size:1.75rem;line-height:1;cursor:pointer;transition:transform .15s ease,color .15s ease,background-color .15s ease,text-shadow .15s ease}.kp-rating__star:hover,.kp-rating__star:focus-visible{transform:translateY(-2px) scale(1.08);background:rgba(255,255,255,.08);outline:2px solid rgba(103,232,249,.65);outline-offset:1px}.kp-rating__star.is-filled{color:var(--kp-rating-gold);text-shadow:0 0 14px rgba(251,191,36,.42)}.kp-rating__star.is-selected{background:rgba(251,191,36,.12)}
.kp-rating.is-loading .kp-rating__star,.kp-rating.is-loading .kp-rating__remove{pointer-events:none;opacity:.55}.kp-rating__footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kp-rating__status{flex:1;min-width:190px;margin:0;color:#cbd5e1;font-size:.82rem}.kp-rating__remove,.kp-rating__login{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.08);color:#fda4af;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;text-decoration:none}.kp-rating__login{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff}.kp-rating__status.is-error{color:#fda4af}.kp-rating__status.is-success{color:#6ee7b7}
.kp-rating--hero{margin-top:14px;width:min(100%,560px);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.kp-rating--hero .kp-rating__head{align-items:flex-end}.kp-rating--hero .kp-rating__eyebrow{display:none}.kp-rating--hero h2{font-size:.88rem!important}.kp-rating--hero .kp-rating__summary strong{font-size:1.05rem}.kp-rating--hero .kp-rating__summary>span{font-size:.7rem}.kp-rating--hero .kp-rating__stars{padding:0}.kp-rating--hero .kp-rating__footer{min-height:26px}.kp-rating--compact{padding:13px 15px;gap:9px}.kp-rating--compact.kp-rating--hero{padding:0;gap:7px}.kp-rating--compact .kp-rating__star{width:34px;height:38px;font-size:1.55rem}
html[data-theme="light"] body:not(.title-detail-page) .kp-rating{--kp-rating-muted:#cbd5e1;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.94));border-color:#dbe3ee;color:#0f172a}.kp-rating h2{color:inherit!important}html[data-theme="light"] body:not(.title-detail-page) .kp-rating h2{color:#0f172a!important}html[data-theme="light"] body:not(.title-detail-page) .kp-rating__summary>span,html[data-theme="light"] body:not(.title-detail-page) .kp-rating__status{color:#64748b}
@media(max-width:760px){.kp-rating{padding:13px 14px;border-radius:15px}.kp-rating__head{align-items:flex-start;gap:10px}.kp-rating__summary strong{font-size:1.18rem}.kp-rating__stars{gap:1px}.kp-rating__star,.kp-rating--compact .kp-rating__star{width:31px;height:38px;font-size:1.45rem}.kp-rating__footer{align-items:flex-start}.kp-rating__status{min-width:150px}}
@media(max-width:390px){.kp-rating__star,.kp-rating--compact .kp-rating__star{width:29px;font-size:1.36rem}.kp-rating__summary>span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.kp-rating__star{transition:none}}