:root{background:#0e1012;letter-spacing:0}
header{height:72px;padding:0 3%;position:sticky;top:0;background:#0e1012f5;z-index:5}.mark{border-radius:6px;padding:7px 10px}
main{display:block;margin:24px auto;max-width:1800px}.workspace{display:block}.library{border:0;border-radius:0;padding:18px 0;background:transparent}#status{margin-bottom:12px;color:#a3b0aa}
.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;font-size:22px;border-radius:6px;background:#202428;color:#eef1f3;flex-shrink:0}
dialog{color:#ecf0f2;background:#141719;border:1px solid #34383c;border-radius:8px;padding:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close-dialog{position:absolute;right:14px;top:14px;z-index:3;background:#24272bea}
#connectDialog{width:390px}#connectDialog aside{border:0;border-radius:0;padding:28px;background:transparent}#connectTitle{padding-right:30px;font-size:22px}#connectDialog .tabs{margin:22px 0 14px}#connectStatus.error{color:#ffada4}
#detailsDialog{width:1080px;background:#0e1012}.details-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:46px 36px 36px}.detail-poster{aspect-ratio:2/3;background:#22272b;overflow:hidden;border-radius:6px;display:grid;place-items:center;align-self:start}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-poster span{padding:24px;text-align:center;color:#abb5bd}.detail-copy{min-width:0}.detail-copy h1{font-size:32px;line-height:1.15;margin:18px 0;overflow-wrap:anywhere}.detail-badges,.detail-genres{display:flex;flex-wrap:wrap;gap:8px}.detail-badges span,.detail-genres span{font-size:11px;padding:5px 8px;border:1px solid #363a3f;border-radius:4px;background:#202327}.detail-badges .score{color:#ffd268;border-color:#6d5420}.detail-tagline{font-style:italic;color:#bac2c8;line-height:1.6}.detail-plot{font-size:14px;line-height:1.8;color:#d2d8dd;white-space:pre-line;overflow-wrap:anywhere}.watch-button{width:100%;background:#f2f4f5;color:#101214;border:0;font-weight:700;margin:16px 0 12px;min-height:44px}.detail-credits{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:13px;border-top:1px solid #2c3034;padding-top:22px;line-height:1.7}.detail-credits dt{color:#929fa8}.detail-credits dd{margin:0;overflow-wrap:anywhere}
#playerDialog{width:1100px;background:#080a0b;padding-top:48px}#playerDialog .player{border:0;border-radius:0}#playerDialog video{max-height:70dvh}#playerDialog .playing{padding-top:16px}.media-card,.poster{border-radius:6px}.filters input,.filters select{border-radius:6px}.section-description{display:none}.section-heading{margin-bottom:14px}
@media(max-width:650px){header{padding:0 16px}main{padding:0 16px}.details-layout{grid-template-columns:1fr;gap:20px;padding:48px 22px 24px}.detail-poster{width:150px;margin:auto}.detail-copy h1{font-size:24px}.detail-credits{grid-template-columns:1fr;gap:4px}.detail-credits dd{margin-bottom:12px}#connectDialog aside{padding:26px 22px}.libraryHead h2{font-size:21px}.filters{grid-template-columns:1fr 1fr}.library{padding:14px 0}.detail-badges{justify-content:center}}

#homeCredentials{margin-top:18px;padding-top:12px;border-top:1px solid #34383c;font-size:14px;overflow-wrap:anywhere}#homeCredentials p{margin:9px 0}#homeCredentials strong{user-select:text;color:#eef0ff}