.cinema-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-width:460px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #af9c704f;border-radius:14px;color:#f0ecdf;background:#18231ff5;box-shadow:0 20px 80px #07110d80;overflow:auto;font-family:"DM Sans",sans-serif}
.cinema-dialog::backdrop{background:#09110b45;backdrop-filter:blur(2px)}
.cinema-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:25px 26px 12px}.cinema-header>div{min-width:0}
.cinema-eyebrow{margin:0 0 9px;color:#c4b48f;font-size:9px;font-weight:600;letter-spacing:.2em}
.cinema-dialog .cinema-title{margin:0;color:#f0ecdf;font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}
.cinema-close{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;margin-top:-5px;margin-right:-8px;padding:0;border:1px solid #b9bea336;border-radius:50%;color:#eeebdf;background:#ffffff06;font-family:Arial,sans-serif;font-size:24px;line-height:1;cursor:pointer}
.cinema-close:hover{background:#ffffff14}
.cinema-dialog .cinema-description{margin:0;padding:0 26px;color:#b6c0b3;font-size:11px;line-height:1.6}
.cinema-playlist{min-width:0;padding:22px 26px 0}
.cinema-playlist-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}
.cinema-playlist-heading{margin:0;color:#c4b48f;font-size:9px;font-weight:500;letter-spacing:.15em}
.cinema-film-count{color:#9ca995;font-size:10px;white-space:nowrap}
.cinema-film-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}
.cinema-film-item{min-width:0}
.cinema-film{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:1px solid #c1c7ac22;border-radius:5px;color:#d1d7c7;background:#ffffff03;font:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.cinema-film:hover{background:#ffffff0a;border-color:#c1c7ac60}
.cinema-film[aria-pressed=true]{border-color:#c0ad7b99;background:#b6a16a15;color:#f3eddb}
.cinema-film-index{color:#b7a77e;font-size:9px;line-height:1.5;letter-spacing:.05em}
.cinema-film-title{min-width:0;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.cinema-film-status{margin-left:auto;color:#d2c18e;font-size:8px;letter-spacing:.04em;white-space:nowrap}
.cinema-dialog .cinema-message{margin:0;padding:17px 26px 0;color:#b5c2ae;font-size:10px;line-height:1.5}
.cinema-footer{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:17px 26px 24px}
.cinema-play{padding:13px 18px;border:1px solid #dcc58e80;border-radius:5px;color:#202b22;background:#e4d4b1;font:inherit;font-size:12px;font-weight:500;text-align:center;cursor:pointer}
.cinema-play:hover{background:#f2e4c7}
.cinema-back{align-self:center;padding:0 0 3px;border:0;border-bottom:1px solid #c0b48b55;border-radius:0;color:#d5d3bd;background:none;font:inherit;font-size:10px;cursor:pointer}
.cinema-dialog button:focus-visible,.cinema-transport button:focus-visible,.cinema-transport input:focus-visible{outline:2px solid #e2c996;outline-offset:3px}
.cinema-decoder{position:fixed;bottom:0;left:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.cinema-transport{position:fixed;z-index:4;left:50%;bottom:98px;transform:translateX(-50%);width:min(620px,calc(100vw - 40px));padding:10px 15px 9px;border:1px solid #a4ad9070;border-radius:10px;color:#f1ecd9;background:#16241ce8;box-shadow:0 8px 30px #07110d40;backdrop-filter:blur(12px);font-family:"DM Sans",sans-serif}
.cinema-transport-main{display:flex;align-items:center;gap:13px}
.cinema-now-playing{flex:1;min-width:0;margin:0;color:#e2dfcd;font-size:11px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cinema-transport button{flex-shrink:0;padding:5px 0;border:0;background:none;color:#e7d9b5;font:inherit;font-size:10px;cursor:pointer}
.cinema-transport .cinema-toggle{min-width:42px;text-align:left;color:#fff5dc}
.cinema-transport button:hover{color:white}
.cinema-progress{display:flex;align-items:center;gap:12px;margin-top:4px}
.cinema-seek{flex:1;min-width:0;height:14px;margin:0;accent-color:#dac08a;cursor:pointer}
.cinema-time{min-width:66px;color:#afbea6;font-size:9px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.cinema-controls-hint{display:none;margin:0;text-align:center;color:#f0edda;font-size:10px;letter-spacing:.02em}
body[data-cinema=active] .walk-hint{bottom:177px}
body[data-mouse=captured] .cinema-transport{width:auto;padding:8px 16px;bottom:98px;border-radius:25px;pointer-events:none;background:#16241cb8}
body[data-mouse=captured] .cinema-transport-main,body[data-mouse=captured] .cinema-progress{display:none}
body[data-mouse=captured] .cinema-controls-hint{display:block}
body[data-mouse=captured][data-cinema=active] .walk-hint{bottom:140px}
@media(max-width:600px){.cinema-dialog{max-height:calc(100dvh - 24px);border-radius:12px}.cinema-header{padding:22px 21px 11px;gap:12px}.cinema-dialog .cinema-title{font-size:25px}.cinema-dialog .cinema-description{padding:0 21px}.cinema-playlist{padding:18px 21px 0}.cinema-dialog .cinema-message{padding:14px 21px 0}.cinema-footer{padding:15px 21px 22px}.cinema-transport{bottom:121px;width:calc(100vw - 32px);padding:9px 12px}.cinema-transport-main{gap:11px}.cinema-now-playing{font-size:10px}.cinema-transport button{font-size:9px}.cinema-transport .cinema-toggle{min-width:33px}.cinema-time{font-size:8px;min-width:59px}.cinema-progress{gap:9px}body[data-cinema=active] .walk-hint{bottom:195px}body[data-mouse=captured] .cinema-transport{bottom:121px}body[data-mouse=captured][data-cinema=active] .walk-hint{bottom:163px}}
@media(max-height:500px){.cinema-header{padding-top:17px}.cinema-dialog .cinema-title{font-size:24px}.cinema-playlist{padding-top:12px}.cinema-film{min-height:33px;padding:7px 10px}.cinema-dialog .cinema-description{display:none}.cinema-dialog .cinema-message{padding-top:12px}.cinema-footer{padding-top:12px;padding-bottom:17px;gap:11px}.cinema-play{padding:10px 16px}.cinema-transport{bottom:75px}body[data-cinema=active] .walk-hint{bottom:151px}body[data-mouse=captured] .cinema-transport{bottom:75px}body[data-mouse=captured][data-cinema=active] .walk-hint{bottom:117px}}
@media(prefers-reduced-motion:reduce){.cinema-film{transition:none}}