.ewf { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:64px 20px 24px;
       background:rgba(3,5,10,.93); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); animation:ewfIn .25s ease }
.ewf[hidden] { display:none }
.ewf-stage { display:grid; place-items:center; width:100%; height:100%; min-height:0 }
.ewf video { display:block; object-fit:contain; background:#000; border-radius:14px; box-shadow:0 40px 120px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.08);
             animation:ewfUp .35s cubic-bezier(.2,.8,.2,1) }
.ewf.wide video { width:100%; max-width:calc((100vh - 96px) * 16 / 9); max-width:calc((100dvh - 96px) * 16 / 9); aspect-ratio:16 / 9 }
.ewf.tall video { height:100%; max-height:calc(100vh - 96px); max-height:calc(100dvh - 96px); aspect-ratio:9 / 16; max-width:100% }
.ewf-x { position:absolute; top:calc(12px + env(safe-area-inset-top)); right:calc(14px + env(safe-area-inset-right)); width:44px; height:44px; margin:0; padding:0;
         display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; cursor:pointer; transition:background .15s, transform .15s }
.ewf-x:hover { background:rgba(255,255,255,.18); transform:scale(1.06) }
.ewf-x:focus-visible { outline:2px solid #e0b46a; outline-offset:3px }
html.ewf-on { overflow:hidden }
html.ewf-on #pubAi, html.ewf-on #akOpen { display:none !important }
@keyframes ewfIn { from { opacity:0 } to { opacity:1 } }
@keyframes ewfUp { from { opacity:0; transform:translateY(14px) scale(.98) } to { opacity:1; transform:none } }
@media (max-width:640px) { .ewf { padding:60px 0 12px } .ewf video { border-radius:0 } .ewf.tall video { border-radius:10px; max-width:calc(100vw - 24px) } }
@media (prefers-reduced-motion:reduce) { .ewf, .ewf video { animation:none } }


.ew-filmbar { display:flex; align-items:center; gap:14px; width:100%; margin:0; padding:9px 18px 9px 9px; text-align:left; cursor:pointer; color:inherit; font:inherit;
              border-radius:16px; border:1px solid rgba(224,180,106,.34); background:linear-gradient(120deg,rgba(224,180,106,.12),rgba(255,255,255,.02) 65%);
              transition:border-color .2s, transform .2s, box-shadow .2s }
.ew-filmbar:hover { border-color:#e0b46a; transform:translateY(-1px); box-shadow:0 18px 40px -26px rgba(224,180,106,.7) }
.ew-filmbar:focus-visible { outline:2px solid #e0b46a; outline-offset:3px }
.fb-thumb { position:relative; flex:none; width:124px; aspect-ratio:16 / 9; border-radius:9px; overflow:hidden; background:#05070c }
.fb-thumb img { display:block; width:100%; height:100%; object-fit:cover }
.fb-thumb i { position:absolute; inset:0; display:grid; place-items:center; background:rgba(5,7,12,.28) }
.fb-thumb svg { width:32px; height:32px; padding:8px 7px 8px 9px; border-radius:50%; color:#0b0d13; background:linear-gradient(180deg,#f3d295,#e0b46a 55%,#c9954a); box-shadow:0 8px 20px -6px rgba(224,180,106,.7) }
.fb-t { display:grid; gap:3px; min-width:0 }
.fb-t b { font:800 16.5px/1.25 var(--display,'Bricolage Grotesque',Manrope,sans-serif); letter-spacing:-.01em }
.fb-t em { font-style:normal; font-size:13.5px; line-height:1.4; color:var(--muted,#8b94a6) }
@media (max-width:420px) { .fb-thumb { width:96px } .fb-t b { font-size:15.5px } .fb-t em { font-size:13px } }