.film-preview{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;scroll-margin-top:80px}.film-preview p{color:var(--muted)}.film-cover{display:block;position:relative;border-radius:18px;overflow:hidden;background:#10271f;box-shadow:0 12px 36px #10271f24}.film-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.film-play{position:absolute;inset:0;display:grid;place-items:center}.film-play span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e8c46b;color:#10271f;font:26px Arial;box-shadow:0 4px 22px #0008}.film-preview .film-link{display:inline-block;color:#165237;text-decoration:underline;text-underline-offset:4px;font-weight:700}.film-preview small{display:block;color:var(--muted);margin-top:12px}.film-dialog{width:min(1000px,calc(100vw - 24px));max-height:90dvh;padding:20px;border:1px solid #627668;border-radius:18px;background:#0f1814;color:#f4f5ed;font:inherit;overflow:auto}.film-dialog::backdrop{background:#000b}.film-dialog h2{color:#f3e9c6;font-size:1.35rem;margin:0}.film-dialog header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.film-dialog button{font:inherit;cursor:pointer;background:#243d32;color:#fff;border:1px solid #627668;border-radius:10px;padding:8px 14px;min-height:44px}.film-dialog video{display:block;width:100%;max-height:65dvh;aspect-ratio:16/9;background:#000}.film-dialog p{color:#c7d5cb}.film-dialog a{color:#e8c46b;text-decoration:underline}.film-dialog footer{display:flex;flex-wrap:wrap;gap:22px;margin-top:16px}.film-dialog summary{cursor:pointer;color:#e8c46b}.film-preview a:focus-visible,.film-dialog :focus-visible{outline:3px solid #c9a227;outline-offset:5px}@media(max-width:700px){.film-preview{grid-template-columns:1fr;gap:20px}.film-dialog{padding:12px}.film-dialog header{align-items:flex-start}.film-dialog h2{font-size:1.1rem}}

.film-video-stage{position:relative}.film-dialog .film-music-toggle{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;background:transparent;border:0;border-radius:50%;box-shadow:none;color:#f1d99c;cursor:pointer}.film-dialog .film-music-toggle:before{content:"";position:absolute;inset:-4px;border-radius:50%}.film-dialog .film-music-toggle svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px #000)}.film-dialog .film-music-toggle:hover,.film-dialog .film-music-toggle:focus-visible{background:#0a171433}.film-dialog .film-music-toggle:focus-visible{outline:2px solid #e4c77e;outline-offset:2px}.film-dialog .film-music-toggle:disabled{opacity:.5;cursor:wait}.film-dialog .film-music-toggle[aria-pressed="false"]{color:#fff}