.rating-section{margin-top:3rem;animation:fadeInUp .6s ease-out}
.rating-section a{color:inherit;text-decoration:none}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.rating-card{background:linear-gradient(135deg,var(--card-light) 0%,var(--card-light) 100%);padding:1.25rem;border-radius:1.5rem;box-shadow:0 20px 50px -10px #6366f126;border:1px solid var(--border-light);position:relative;overflow:hidden}
.rating-card::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#6366f10d 0%,transparent 70%);pointer-events:none}
.rating-title{font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center;color:var(--text-light);position:relative}
.rating-title::after{content:'';display:block;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));margin:.3rem auto 0;border-radius:2px}
.rating-display-likes{text-align:center;margin-bottom:2.5rem;padding:1rem;background:linear-gradient(135deg,#6366f10d,#4f46e50d);border-radius:1rem}
.rating-score-likes{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}
.likes-count{font-size:3.5rem;font-weight:600;background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.likes-label{font-size:1rem;color:var(--text-light);opacity:.7}
.rating-percentage{max-width:500px;margin:0 auto}
.percentage-bar{height:12px;background:var(--cell-empty);border-radius:6px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 2px 4px #0000001a}
.percentage-fill{height:100%;background:#10b981;border-radius:4px;transition:width 1s ease;position:relative}
.percentage-labels{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;margin-top:.5rem}
.likes-percent{color:#10b981;display:flex;align-items:center;gap:.25rem}
.dislikes-percent{color:#ef4444;display:flex;align-items:center;gap:.25rem}
.vote-numbers{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-light);opacity:.7;margin-top:.25rem}
.likes-number{color:#10b981}
.dislikes-number{color:#ef4444}
.your-rating-likes{text-align:center;padding:1rem;background:var(--bg-light);border-radius:1rem}
.your-rating-likes p{font-weight:600;margin-bottom:1.5rem;color:var(--text-light);font-size:1.2rem}
.rating-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}
.rating-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2.5rem;border:2px solid transparent;border-radius:16px;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px #0000000f;min-width:180px;position:relative;overflow:hidden}
[data-theme="dark"] .rating-btn{background:#1e293b;box-shadow:0 2px 8px #0000004d}
.rating-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,#ffffff1a);opacity:0;transition:opacity .3s ease}
.rating-btn:hover::before{opacity:1}
.rating-btn i{font-size:2.5rem;transition:transform .3s ease}
.rating-btn span:first-of-type{font-weight:600;font-size:1.1rem;color:#475569}
[data-theme="dark"] .rating-btn span:first-of-type{color:#cbd5e1}
.rating-btn .vote-count{font-weight:600;font-size:1.5rem;color:#64748b}
[data-theme="dark"] .rating-btn .vote-count{color:#94a3b8}
.rating-btn-like{border-color:#10b98133}
.rating-btn-like i{color:#10b981}
.rating-btn-like:hover,.rating-btn-like.active{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596690d);transform:translateY(-4px);box-shadow:0 8px 20px #10b98140}
.rating-btn-like:hover i,.rating-btn-like.active i{transform:scale(1.15) rotate(-5deg)}
.rating-btn-dislike{border-color:#ef444433}
.rating-btn-dislike i{color:#ef4444}
.rating-btn-dislike:hover,.rating-btn-dislike.active{border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#dc26260d);transform:translateY(-4px);box-shadow:0 8px 20px #ef444440}
.rating-btn-dislike:hover i,.rating-btn-dislike.active i{transform:scale(1.15) rotate(5deg)}
@media (max-width: 768px) {
.rating-card{padding:1rem .75rem}
.likes-count{font-size:2.5rem}
.rating-buttons{gap:1rem}
.rating-btn{min-width:140px;padding:1.25rem 1.5rem}
.rating-card{padding:1rem 1.5rem}
.rating-title{font-size:1.5rem}
.likes-count{font-size:2.5rem}
.rating-buttons{gap:1rem}
.rating-btn{min-width:140px;padding:1.25rem 1.5rem}
.rating-btn i{font-size:2rem}
.rating-btn span:first-of-type{font-size:1rem}
.rating-btn .vote-count{font-size:1.3rem}
}
@media (max-width: 480px) {
.likes-count{font-size:2rem}
.rating-btn{min-width:120px;padding:1rem}
.rating-btn i{font-size:2rem}
.rating-card{padding:1rem}
.rating-title{font-size:1.3rem}
.likes-count{font-size:2rem}
.rating-buttons{gap:.75rem}
.rating-btn{min-width:120px;padding:1rem 1.25rem}
.rating-btn i{font-size:1.75rem}
.rating-btn span:first-of-type{font-size:.9rem}
.rating-btn .vote-count{font-size:1.2rem}
}