html,body{background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}#wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#container{background-color:#000;width:100%;height:100%;transition:width .2s,height .2s;position:relative;overflow:hidden}.media-buffer{opacity:0;will-change:opacity;z-index:0;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0}.media-buffer.active{opacity:1;z-index:2}.media-buffer.background{opacity:1;z-index:1;transition:none}.media-content{object-fit:contain;width:100%;height:100%}.media-content-iframe{border:none;width:100%;height:100%}#loading-overlay{z-index:5000;color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}#loading-overlay.hidden{pointer-events:none;opacity:0}#progress-container{cursor:pointer;background-color:#222;border-radius:2px;width:200px;height:2px;margin-bottom:24px;position:relative}#progress-bar{background-color:#aaa;width:0%;height:100%;transition:width .1s;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 6px #fff6}@keyframes pulse-glow{0%{opacity:.6;box-shadow:0 0 4px #fff3}50%{opacity:1;box-shadow:0 0 12px #ffffffe6}to{opacity:.6;box-shadow:0 0 4px #fff3}}#progress-text{color:#666;opacity:0;pointer-events:none;font-size:11px;transition:opacity .3s}#loading-overlay.show-text #progress-text{opacity:1}#diagnostics-toggle{z-index:9999;cursor:pointer;width:100px;height:100px;position:absolute;top:0;right:0}#diagnostics-panel{color:#0f0;z-index:999;pointer-events:auto;background-color:#0a0a0ae6;border:1px solid #333;border-radius:8px;flex-direction:column;width:380px;height:560px;padding:16px;font-family:monospace;font-size:11px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #00000080}#diagnostics-panel h3{color:#fff;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #333;margin:0 0 10px;padding-bottom:6px;font-size:14px}.diag-table{border-collapse:collapse;width:100%;margin-bottom:12px}.diag-table td{border-bottom:1px solid #ffffff1a;padding:4px 0}.diag-table td:first-child{color:#aaa;width:140px}.diag-table td:last-child{text-align:right;font-weight:700}.diag-url{word-break:break-all;color:#ddd;background:#00000080;border-radius:4px;margin-bottom:16px;padding:6px}#diagnostics-panel.hidden{display:none}.diagnostics-log-wrapper{border-top:1px dashed #444;flex-direction:column;flex-grow:1;padding-top:10px;display:flex;overflow:hidden}#diagnostics-log{flex-grow:1;padding-right:4px;overflow-y:auto}#diagnostics-log::-webkit-scrollbar{width:4px}#diagnostics-log::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.timeline-container{background-color:#222;border:1px solid #444;border-radius:4px;width:100%;height:60px;margin-top:12px;position:relative;overflow:hidden}.timeline-now-marker{z-index:10;background-color:#0f0;width:2px;height:100%;position:absolute;top:0;left:20%;box-shadow:0 0 4px #0f0}.timeline-track{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-block{box-sizing:border-box;color:#fff;white-space:nowrap;text-overflow:ellipsis;mix-blend-mode:screen;background:repeating-linear-gradient(-45deg,#ffffff0d,#ffffff0d 10px,#ffffff26 10px 20px);border:1px solid #fff6;border-radius:4px;height:40px;padding-left:4px;font-size:10px;line-height:14px;position:absolute;top:10px;overflow:hidden}.timeline-marker{z-index:2;background-color:#fff;width:2px;height:100%;position:absolute;top:0}.marker-load{background-color:orange}.marker-play{background-color:#ff0}.marker-transition{background-color:#f0f}.marker-active{z-index:1;background-color:#0064ff4d;width:100%;height:100%}.timeline-legend{color:#aaa;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.legend-color{width:8px;height:8px;display:inline-block}.diagnostics-log-wrapper{border-top:1px solid #444;margin-top:12px;padding-top:8px}.diagnostics-log-wrapper h4{color:#fff;margin:0 0 4px;font-size:11px}#diagnostics-log{color:#0f0;white-space:pre-wrap;word-wrap:break-word;height:80px;font-size:10px;overflow-y:auto}