/* SOS #999: TMDB rating page theme — SOS black/red identity, transparent surfaces. */
.sos-rating-root{width:100%;max-width:100%;min-width:0;margin:0 auto;padding:0;overflow-x:clip;background:transparent;color:#fff;box-sizing:border-box}
.sos-rating-root .sos-shell{width:100%;max-width:1220px;min-width:0;margin-inline:auto;padding-inline:clamp(12px,2vw,30px);background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}
.sos-rating-root .sos-rating-grid{width:100%;max-width:100%;margin:18px 0 0;background:transparent;box-sizing:border-box}
.sos-rating-root .sos-rating-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.15vw,16px)}
.vb-layout--full-frame .sos-rating-root .sos-rating-grid,html body[class][class][class].vb-profile-sos.vb-layout-side-none:not(.home):not(.single) .sos-rating-root .sos-rating-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.sos-rating-root .sos-rating-grid>*{min-width:0;max-width:100%;display:block;visibility:visible;box-sizing:border-box}
.sos-rating-root .vb-sos-archive-card--rating{overflow:hidden;border:1px solid rgba(255,48,77,.5);border-radius:12px;background:linear-gradient(150deg,#000 0%,#0a0709 45%,#1c0a12 100%);box-shadow:0 12px 30px rgba(0,0,0,.45);box-sizing:border-box}
.sos-rating-root .vb-sos-archive-card__poster{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:11px;background:linear-gradient(150deg,#000 0%,#0a0709 55%,#2a0d18 100%);box-sizing:border-box}
.sos-rating-root .vb-sos-archive-card__image{width:100%;max-width:100%;height:100%;aspect-ratio:2/3;object-fit:cover;object-position:center}
.sos-rating-root .vb-sos-archive-card__badge{white-space:nowrap;overflow:visible}
.sos-rating-root .vb-sos-archive-card__badge--rating{display:inline-flex;align-items:center;max-width:calc(100% - 96px);padding:6px 10px;border:1px solid rgba(255,48,77,.65);border-radius:8px;background:linear-gradient(135deg,#000 0%,#0a0709 32%,#a31e33 72%,#ff304d 100%);color:#fff;font-size:11px;font-weight:900;letter-spacing:.025em;line-height:1.2;white-space:nowrap;overflow:visible;box-sizing:border-box}
.sos-rating-root .vb-sos-archive-card__score{color:#fff7ef}
.sos-rating-root .vb-sos-archive-card__meta{color:#ffe9dc}
.sos-rating-root .vb-sos-archive-card__title--en{color:#fff}
.sos-rating-root .sos-rating-ring{filter:drop-shadow(0 4px 14px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,48,77,.35))}
.sos-rating-root .sos-rating-ring linearGradient stop[offset="0%"]{stop-color:#ff304d}
.sos-rating-root .sos-rating-ring linearGradient stop[offset="100%"]{stop-color:#a31e33}
.sos-rating-root .sos-rating-ring-num{font-size:28px;font-weight:900;letter-spacing:0;fill:#fff}
.sos-rating-root .sos-rating-ring-cap{display:none;font-size:9px;font-weight:800;fill:#ffd8c5}
.sos-rating-root .sos-rating-controls{background:linear-gradient(115deg,rgba(0,0,0,.72),rgba(163,30,51,.28));border:1px solid rgba(255,48,77,.4);border-radius:12px}
.sos-rating-root .sos-rating-controls select{-webkit-appearance:none;appearance:none;min-height:42px;max-width:100%;padding:8px 12px;padding-right:42px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background-color:#0a0709;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23ff304d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;color:#fff;font:inherit;box-sizing:border-box}
.sos-rating-root .sos-rating-controls input.sos-select{max-width:100%;padding-right:36px;border-radius:8px;background-color:#0a0709;color:#fff;box-sizing:border-box}
.sos-rating-root .sos-rating-controls .sos-btn,.sos-rating-root .sos-rating-controls a.sos-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;box-sizing:border-box;line-height:1.2;text-decoration:none;border:1px solid rgba(255,48,77,.6);border-radius:8px;background:linear-gradient(135deg,#000 0%,#a31e33 60%,#ff304d 100%);color:#fff;font-weight:800}
.sos-rating-root .sos-rating-controls input:focus-visible,.sos-rating-root .sos-rating-controls select:focus-visible,.sos-rating-root .sos-rating-controls button:focus-visible,.sos-rating-root a.sos-btn:focus-visible{outline:2px solid #ff304d;outline-offset:2px}
.sos-rating-root .vb-sos-archive-card--rating>.vb-sos-archive-card__link{position:relative}
.sos-rating-root .vb-sos-archive-card--rating>.vb-sos-archive-card__link::after{position:absolute;inset:0;z-index:5;border-radius:inherit;box-shadow:inset 0 0 0 3px transparent;content:"";pointer-events:none}
.sos-rating-root .vb-sos-archive-card--rating>.vb-sos-archive-card__link:focus{outline:none}
.sos-rating-root .vb-sos-archive-card--rating>.vb-sos-archive-card__link:focus-visible{outline:none;border-radius:inherit}
.sos-rating-root .vb-sos-archive-card--rating>.vb-sos-archive-card__link:focus-visible::after{box-shadow:inset 0 0 0 3px #ff304d}
.sos-rating-root .sos-rating-summary{color:#ffe9dc}
@media(max-width:1199px){.sos-rating-root .sos-rating-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:899px){.sos-rating-root .sos-rating-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:599px){.sos-rating-root .sos-rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sos-rating-root .vb-sos-archive-card--rating{border-radius:10px}.sos-rating-root .vb-sos-archive-card__poster{border-radius:10px}.sos-rating-root .vb-sos-archive-card__badge{font-size:10px;padding:4px 8px;white-space:nowrap;overflow:visible}.sos-rating-root .vb-sos-archive-card__badge--rating{font-size:10px;padding:4px 8px;white-space:nowrap;overflow:visible;max-width:calc(100% - 96px)}}
@media(prefers-reduced-motion:reduce){.sos-rating-root *{animation:none;transition:none}}
/* VEN-332 S5: rating filter stepper + row layout (appended; lines above untouched) */
.sos-rating-root .sos-rating-controls{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;overflow-x:clip}
.sos-rating-root .sos-input{min-height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#0a0709;color:#fff;font:inherit;box-sizing:border-box}
.sos-rating-root .sos-input:focus{outline:none}
.sos-rating-root .sos-input:focus-visible{outline:2px solid #ff304d;outline-offset:2px}
.sos-rating-root .sos-input--number{min-width:94px;padding:8px 44px 8px 12px;text-align:left;font-variant-numeric:tabular-nums;appearance:textfield;-webkit-appearance:none;-moz-appearance:textfield}
.sos-rating-root .sos-input--number::-webkit-inner-spin-button,.sos-rating-root .sos-input--number::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}
.sos-rating-root .sos-stepper{position:relative;display:inline-flex;align-items:center}
.sos-rating-root .sos-stepper button{position:absolute;right:12px;width:28px;height:21px;padding:0;background:transparent;border:0;color:#ff304d;font-size:9px;line-height:1;cursor:pointer}
.sos-rating-root .sos-stepper .sos-step-btn--up{top:0}
.sos-rating-root .sos-stepper .sos-step-btn--down{bottom:0}
.sos-rating-root .sos-stepper button:focus{outline:none}
.sos-rating-root .sos-stepper button:focus-visible{outline:2px solid #ff304d;outline-offset:2px}
.sos-rating-root .sos-rating-actions{margin-left:auto;display:inline-flex;align-items:center;gap:10px}
.sos-rating-root,.sos-rating-root .sos-rating-controls{overflow-x:clip}
@media(max-width:480px){.sos-rating-root .sos-rating-controls label{width:100%}.sos-rating-root .sos-input--number{width:100%}.sos-rating-root .sos-rating-actions{width:100%;margin-left:0}}
/* L10 (owner 13/10): rating filter - room inside the bar, tidy number fields, spin arrows at the right edge with space above and below (appended; lines above untouched) */
.sos-rating-root .sos-rating-controls{padding:16px 22px;gap:14px 22px;box-sizing:border-box}
.sos-rating-root .sos-rating-controls label{display:flex;align-items:center;gap:12px;color:#f3e6ea;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap}
.sos-rating-root .sos-stepper{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;width:136px}
.sos-rating-root .sos-stepper::after{content:"";position:absolute;top:11px;bottom:11px;right:36px;width:1px;background:rgba(255,255,255,.14);pointer-events:none}
.sos-rating-root .sos-input--number{width:100%;min-width:0;height:48px;min-height:48px;padding:12px 46px 12px 16px;border-radius:10px;font-size:16px;font-weight:700;letter-spacing:.02em;text-align:left;line-height:1.2}
.sos-rating-root .sos-stepper button{position:absolute;right:4px;width:30px;height:15px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:#ff5b70;font-size:9px;line-height:1;cursor:pointer;transition:background-color .15s,color .15s}
.sos-rating-root .sos-stepper .sos-step-btn--up{top:9px;bottom:auto}
.sos-rating-root .sos-stepper .sos-step-btn--down{bottom:9px;top:auto}
.sos-rating-root .sos-stepper button:hover{background:rgba(255,48,77,.2);color:#fff}
.sos-rating-root .sos-stepper button:active{background:rgba(255,48,77,.34)}
.sos-rating-root .sos-rating-actions{gap:12px}
@media(max-width:480px){.sos-rating-root .sos-rating-controls{padding:14px 16px}.sos-rating-root .sos-rating-controls label{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;white-space:normal}.sos-rating-root .sos-stepper{width:auto;min-width:112px}}
