:root{color-scheme:dark;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#f9f4ff;background:#080711}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}#viewport{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#080711}.theater{position:absolute;left:50%;top:50%;width:1672px;height:1091px;transform:translate(-50%,-50%) scale(var(--theater-scale,0));transform-origin:center;overflow:hidden;border-radius:34px 34px 0 0;background:#0e0b1a}.masthead{position:relative;display:flex;align-items:center;width:1672px;height:136px;background:radial-gradient(ellipse at 35% 100%,#20132d 0,#100d1e 65%,#100d1c 100%)}.brand{position:absolute;left:0;top:0;width:1135px;height:136px;overflow:hidden;pointer-events:none}.brand img{display:block;width:1135px;max-width:none;height:136px}.now-playing{position:absolute;right:0;top:28px;bottom:8px;width:537px;padding:0 36px 0 44px;border-left:1px solid #5e3479;border-radius:0 0 0 24px;background:linear-gradient(90deg,#100d1bf2,#100d1c);display:flex;flex-direction:column;justify-content:center;gap:11px}h1{display:flex;align-items:center;justify-content:flex-end;gap:13px;font-size:34px;line-height:1.25;margin:0;font-weight:800;white-space:nowrap;min-width:0}#title{overflow:hidden;text-overflow:ellipsis}.clapper{display:block;flex:none;width:39px;height:45px;font-size:0;background:url(theater-clapper.png) 0 0/39px 45px no-repeat}.status-line{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:27px;font-weight:650;line-height:1.3;color:#b8b0c8;white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}.clock{white-space:nowrap}#elapsed{color:#efa1ee;font-weight:800}#duration{color:#b7b3cb}.slash{color:#e1daeb}.dot{color:#8c819f}.screen-frame{position:relative;width:1672px;height:955px;padding:15px;border:1px solid #e0a4fa;border-radius:44px;background:linear-gradient(145deg,#2d163a,#0e0a1c 25%,#21102d);box-shadow:inset 0 0 5px #edb7ff77,0 0 9px #bd75fa55}.screen-frame:after{content:'♥';position:absolute;right:25px;top:-6px;color:#f5c1ff;font-size:11px;text-shadow:0 0 5px #f2a1ff;pointer-events:none}.stage{position:relative;width:1640px;height:922.5px;aspect-ratio:16/9;background:#000;border-radius:33px;box-shadow:0 0 0 1px #bd90dc;overflow:hidden;isolation:isolate}video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;border:0}video[hidden],section[hidden],[hidden]{display:none!important}#standby{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at center,#291832,#0b0811 72%);color:#d8bedf}#standby h2{font-size:32px;font-weight:600;margin:8px 0}#standby p{font-size:20px;color:#a99ab4;margin:10px 0}.standby-icon{font-size:60px;color:#e9b7eb;text-shadow:0 0 26px #ce80ee}#error{position:absolute;bottom:100px;left:24px;right:24px;background:#20152be6;border-radius:10px;padding:14px 20px;font-size:24px;pointer-events:none}#error:empty{display:none}.controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:40px 24px 20px;background:linear-gradient(transparent,#100a1be8);opacity:0;transition:opacity .2s;z-index:3}.stage:hover .controls,.stage:focus-within .controls,.stage.controls-open .controls,.stage.needs-play .controls{opacity:1}.controls button{border:1px solid #bc8bd17d;background:#26192ae8;color:#f5dcfc;border-radius:14px;padding:14px 22px;font:inherit;font-size:24px;cursor:pointer;backdrop-filter:blur(8px)}button:hover,button:focus-visible{background:#5a3863;outline:2px solid #f4b7fa;outline-offset:2px}#diagnostics{margin-left:auto}#diagnostic-panel{position:absolute;right:24px;bottom:100px;max-width:900px;max-height:65%;overflow:auto;padding:18px 24px;border:1px solid #9b70ad;border-radius:16px;background:#140e20ed;z-index:4;font-size:22px;color:#d9c7e4}#diagnostic-panel p{margin:10px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:18px ui-monospace,monospace;line-height:1.5}@media(hover:none){.controls{opacity:1}}

#queue-notice{position:absolute;top:20px;left:24px;right:24px;background:#21152ce8;border-radius:10px;padding:14px 20px;font-size:24px;pointer-events:none;z-index:2}#queue-notice:empty{display:none}

#title{min-width:0;max-width:100%}#title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#title.is-scrolling #title-text{width:max-content;max-width:none;overflow:visible;text-overflow:clip;will-change:transform}@media(prefers-reduced-motion:reduce){#title.is-scrolling #title-text{width:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;transform:none!important;will-change:auto}}