.film-page{max-inline-size:1280px;margin:50px auto 90px;padding-inline:32px}.film-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-block-end:34px}.film-heading h1{font-size:clamp(42px,5.4vw,78px);letter-spacing:-3px;line-height:1.06;max-inline-size:900px;margin-block:18px}.film-heading p{color:var(--muted);font-size:16px;max-inline-size:660px;line-height:1.8}.film-meta{display:flex;gap:9px;flex-wrap:wrap;margin-block-end:17px}.film-meta span{padding:6px 11px;border:1px solid var(--line);border-radius:100px;color:var(--muted);font-size:11px;white-space:nowrap}.film-frame{position:relative;background:#101d17;border-radius:24px;padding:10px;box-shadow:0 24px 70px #101d1720;border:1px solid var(--line);overflow:hidden}.film-frame video{display:block;inline-size:100%;aspect-ratio:16/9;border-radius:15px;background:#101d17}.film-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-block:24px}.film-actions{display:flex;gap:12px;flex-wrap:wrap}.film-actions .button{gap:10px}.film-note{color:var(--muted);font-size:12px;line-height:1.8;max-inline-size:78ch;margin-block:22px 30px}.film-next{display:flex;justify-content:space-between;gap:24px;padding-block:30px;border-block-start:1px solid var(--line);margin-block-start:35px}.film-next h2{font-size:27px;letter-spacing:-.7px}.film-next p{color:var(--muted);font-size:14px;margin-block:10px;max-inline-size:55ch}.film-chapters{margin-block:44px}.film-chapters h2{font-size:26px;letter-spacing:-.7px}.film-chapters>p{color:var(--muted);font-size:14px;margin-block:9px 20px}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chapter-grid button{display:flex;align-items:center;gap:13px;text-align:start;padding:18px 16px;min-block-size:72px;border:1px solid var(--line);background:var(--surface);border-radius:14px;color:var(--ink);font:inherit;font-size:13px}.chapter-grid button>span:first-child{color:var(--muted);font-size:11px;min-inline-size:32px}.chapter-grid button[aria-current=true]{background:var(--accent-soft);border-color:var(--focus)}.chapter-grid button .ui-icon{margin-inline-start:auto;inline-size:16px;block-size:16px;flex-shrink:0}.film-status{color:var(--danger);font-size:13px;min-block-size:20px}.film-footer{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-block-start:1px solid var(--line);color:var(--muted);font-size:12px}.film-footer nav{display:flex;gap:25px}.film-footer a{padding-block:10px}.film-player-button{min-block-size:44px}.film-header-actions{display:flex;align-items:center;gap:14px}.film-header-actions .theme-control{inline-size:44px;block-size:44px}
@media(hover:hover) and (pointer:fine){.chapter-grid button:hover{background:var(--surface-soft)}}
@media(max-width:760px){.film-page{padding-inline:20px;margin-block-start:32px}.film-heading{display:block}.film-heading h1{letter-spacing:-1.8px}.film-meta{margin-block-start:25px}.film-frame{padding:5px;border-radius:15px}.film-frame video{border-radius:10px}.film-controls,.film-next{align-items:flex-start;flex-direction:column}.film-actions{inline-size:100%}.film-actions .button{font-size:12px;padding:12px 14px;gap:7px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-grid button{font-size:12px;padding:14px 12px;gap:8px}.film-footer{align-items:flex-start;gap:20px;flex-direction:column}.film-header-actions>a{font-size:12px;padding:12px}.film-header-actions .theme-control{display:none}}
@media(max-width:380px){.chapter-grid{grid-template-columns:minmax(0,1fr)}.film-page{padding-inline:16px}}
/* Keep shared SVG controls at icon scale without importing app-only styles. */
.film-page .ui-icon,.film-header-actions .ui-icon{inline-size:20px;block-size:20px;flex:0 0 20px}.film-page .button,.film-header-actions .button{white-space:nowrap;gap:10px}.film-header-actions{gap:10px}.film-header-actions .button{font-size:12px;gap:8px}.film-next>.button{align-self:center;min-block-size:48px}.film-player-button{min-inline-size:130px}.film-actions .ui-icon{inline-size:18px;block-size:18px;flex-basis:18px}
@media(max-width:760px){.film-next>.button{align-self:flex-start}.film-header-actions .button{font-size:11px}.film-header-actions .ui-icon{inline-size:16px;block-size:16px;flex-basis:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-page .button{transition:none}.film-page .button:hover{transform:none}}
.film-downloads{position:relative;min-inline-size:160px}.film-downloads summary,.film-transcript summary{display:flex;align-items:center;gap:12px;min-block-size:48px;cursor:pointer;padding:12px 16px;border:1px solid var(--line);border-radius:12px;font-weight:600;list-style:none}.film-downloads summary::-webkit-details-marker,.film-transcript summary::-webkit-details-marker{display:none}.film-downloads>div{display:grid;gap:4px;position:absolute;right:0;z-index:5;min-inline-size:235px;background:var(--surface);border:1px solid var(--line);padding:8px;border-radius:12px;box-shadow:0 12px 30px #101d1720}.film-downloads a{padding:12px;border-radius:8px;min-block-size:44px;font-size:13px}.film-downloads a:hover{background:var(--surface-soft)}.film-transcript{margin-block:20px 36px;border-block-end:1px solid var(--line)}.film-transcript summary{border:0;padding-inline:0;justify-content:space-between}.film-transcript ol{list-style:none;margin:0;padding:16px 0;display:grid;gap:18px}.film-transcript li{display:flex;align-items:flex-start;gap:18px}.film-transcript li>span{font-variant-numeric:tabular-nums;min-inline-size:45px;color:var(--muted);font-size:13px}.film-transcript li p{color:var(--muted);line-height:1.8;margin-top:6px;font-size:14px}.film-frame+.film-note{margin:14px 0 0}.film-meta{gap:10px}.film-meta span+span:before{content:'·';margin-inline-end:8px}.film-meta span{border:0;padding:4px 0}