#trailer-dialog{border:1px solid #a9e7ff8c;border-radius:3px 20px 3px 3px;background:#050c15;box-shadow:0 0 0 5px #9cddff09,0 0 38px #4bbfff30,0 35px 110px #000c;color:#e7f6ff;overflow:auto}
#trailer-dialog::backdrop{background:radial-gradient(ellipse at 50% 50%,#0c2638cc,#010309f5 75%);backdrop-filter:blur(16px)}
#trailer-dialog .dialog-header{background:linear-gradient(110deg,#173447,#07111f 68%);border-bottom:1px solid #a4e5ff66;padding:14px 20px;color:#d9f1ff;box-shadow:inset 0 2px #dbf6ff7a;font-size:12px;letter-spacing:.12em}
#trailer-dialog .dialog-close{background:linear-gradient(135deg,#d8f5ff20,#a5ddff05);color:#e6f8ff;border:1px solid #9dd9f54d;box-shadow:inset 0 1px #e0faff30;clip-path:none;border-radius:3px;width:40px;height:40px;font-size:22px}
#trailer-dialog video{border-bottom:1px solid #b2eaff6b}
#trailer-dialog .player-controls{padding:18px 22px 20px;border:0;background:radial-gradient(ellipse at 10% 0,#28688730,transparent 60%),linear-gradient(115deg,#101f2e,#070f1a)}
#trailer-dialog .player-seek-row{gap:16px;margin-bottom:10px}
#trailer-dialog .player-time{color:#b9d5e6;font-size:12px;letter-spacing:.04em;min-width:88px}
#trailer-dialog #trailer-seek{appearance:none;-webkit-appearance:none;background:transparent;min-height:30px;margin:0;outline-offset:3px;--played:0%}
#trailer-seek::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(90deg,#e7faff,#78cfff var(--played),#294257 var(--played));box-shadow:0 0 8px #8cddff40}
#trailer-seek::-moz-range-track{height:4px;border-radius:3px;background:#294257}
#trailer-seek::-moz-range-progress{height:4px;background:#a2e4ff;box-shadow:0 0 8px #8cddff80}
#trailer-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid #effaff;border-radius:50%;background:#9de1ff;box-shadow:0 0 12px #91dfff90}
#trailer-seek::-moz-range-thumb{width:10px;height:10px;border:2px solid #effaff;border-radius:50%;background:#9de1ff;box-shadow:0 0 12px #91dfff90}
#trailer-dialog .player-actions{display:grid;grid-template-columns:48px 1fr 1fr minmax(72px,.85fr);gap:10px;align-items:center}
#trailer-dialog .player-actions :is(button,select){width:100%;height:44px;padding:8px 10px;border:1px solid #8bc8e550;border-radius:4px;background:linear-gradient(145deg,#37556866,#0b1828);box-shadow:inset 0 1px #d7f6ff24,0 3px 8px #0003;color:#dff5ff;font:500 14px var(--sans);letter-spacing:.04em;transition:border-color .2s,box-shadow .2s,background .2s}
#trailer-dialog .player-actions :is(button,select):hover{border-color:#c5f0ff;box-shadow:0 0 16px #6bcfff25,inset 0 1px #fff4}
#trailer-dialog .player-actions :is(button,select):focus-visible{outline:2px solid #e0f8ff;outline-offset:3px}
#trailer-dialog .player-actions button:active{transform:translateY(1px);background:#335e77}
#trailer-dialog #trailer-play{display:grid;place-items:center;padding:10px;background:linear-gradient(135deg,#e9f9ff,#8dcae6);color:#0a2b41;border-color:#e0f7ff;box-shadow:0 0 15px #8cdbff22}
#trailer-play svg{display:block;width:23px;height:23px;fill:currentColor}
#trailer-dialog .player-actions label{width:100%;margin:0;display:block}
#trailer-dialog .player-actions select{cursor:pointer;padding-right:4px}
#trailer-dialog .player-actions option{background:#0b1b2c;color:#e8f7ff}
#trailer-dialog .player-note{min-height:0;color:#8bb5cb;font-size:12px;margin:12px 0 0}
#trailer-dialog .player-note:empty{display:none}
@media(max-width:600px){#trailer-dialog .dialog-header{padding:10px 12px;font-size:11px;letter-spacing:.035em;gap:10px}#trailer-dialog .player-controls{padding:12px 13px 15px}#trailer-dialog .player-actions{gap:7px;grid-template-columns:44px 1fr 1fr 68px}#trailer-dialog .player-actions :is(button,select){padding:7px 5px;font-size:13px}#trailer-dialog .player-seek-row{gap:12px}#trailer-dialog .player-time{font-size:11px;min-width:80px}}