.jfv-section{background:linear-gradient(155deg,#0b2847,#06182c 68%);border-block:1px solid rgba(255,255,255,.1)}
.jfv-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.jfv-heading h2{max-width:850px;margin-bottom:18px}.jfv-heading p:last-child{color:#b6c4d5;margin-bottom:0}.jfv-controls{display:flex;gap:10px;flex-shrink:0}.jfv-controls[hidden]{display:none}.jfv-controls button{width:48px;height:48px;background:transparent;color:#fff;border:1px solid #76859a;border-radius:50%;cursor:pointer;font-size:24px}.jfv-controls button:disabled{opacity:.35;cursor:default}.jfv-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#5d718c transparent;padding:4px 0 18px;overscroll-behavior-x:contain}.jfv-card{min-width:0;scroll-snap-align:start}.jfv-watch{display:block;position:relative;aspect-ratio:9/14;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#164c76,#102137);color:#fff}.jfv-watch img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.jfv-watch:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 25%,rgba(3,13,29,.88))}.jfv-watch:hover img{transform:scale(1.035)}.jfv-platform{position:absolute;z-index:1;top:18px;left:18px;border:1px solid #ffffff60;background:#06182cd9;border-radius:30px;padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:.04em}.jfv-play{position:absolute;z-index:1;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;padding-left:4px;border-radius:50%;background:#fff;color:#07182d;font-size:23px;box-shadow:0 8px 30px #0004}.jfv-card-place{position:absolute;bottom:24px;left:24px;right:24px;z-index:1;display:flex;flex-direction:column}.jfv-card-place strong{font-size:clamp(25px,2.8vw,40px);line-height:1.1;letter-spacing:-.04em}.jfv-card-place>span{font-size:14px;margin-top:7px}.jfv-card-place .jfv-watch-label{font-weight:700;color:#ffb27d;margin-top:18px}.jfv-credit{padding:17px 4px 3px;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}.jfv-credit strong{font-size:15px;letter-spacing:0}.jfv-credit>span{font-size:13px;color:#b6c4d5}.jfv-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}.jfv-bottom p{font-size:13px;max-width:580px;color:#b6c4d5;margin:0}.jfv-bottom .button{flex-shrink:0}.jfv-section :focus-visible{outline:3px solid #ffac73;outline-offset:3px}.jfv-dialog{border:1px solid #41546e;border-radius:18px;background:#07182d;color:white;width:min(470px,calc(100vw - 24px));padding:16px;max-height:calc(100dvh - 24px);overflow:auto}.jfv-dialog::backdrop{background:rgba(0,7,18,.88)}.jfv-dialog:not([open]){display:none}.jfv-dialog-head{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:12px}.jfv-dialog-head h2{font-size:15px;line-height:1.4;margin:0;letter-spacing:0}.jfv-dialog-head button{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1px solid #69809a;background:transparent;color:white;cursor:pointer}.jfv-player{height:min(620px,65dvh);background:white;border-radius:8px;overflow:hidden}.jfv-player iframe{display:block;border:0;width:100%;height:100%;background:white}.jfv-dialog>p{font-size:13px;line-height:1.5;margin:12px 0 0}.jfv-dialog a{text-decoration:underline;color:#ffb27d}
@media(max-width:700px){.jfv-track{grid-auto-columns:85%;gap:16px}.jfv-heading{align-items:center;gap:12px}.jfv-heading h2{font-size:36px}.jfv-controls button{width:38px;height:38px}.jfv-controls{gap:5px}.jfv-bottom{flex-direction:column;align-items:stretch}.jfv-bottom .button{justify-content:center}.jfv-card-place strong{font-size:32px}.jfv-watch{aspect-ratio:9/13}}
@media(prefers-reduced-motion:reduce){.jfv-watch img{transition:none}}