*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}.stage{display:flex;width:100vw;height:100vh;align-items:stretch}.sidebar{flex:1;background:#000}.sidebar:first-child{border-right:2px solid rgba(200,160,70,.7)}.sidebar:last-child{border-left:2px solid rgba(200,160,70,.7)}.screen{flex:none;width:calc(100vh * (4 / 3));max-width:100vw;position:relative;display:flex;align-items:center;justify-content:center;background:#000;box-shadow:0 0 60px 20px #000000e6,0 0 120px 40px #0009}.screen video{display:block;width:100%;height:100%;object-fit:cover}.buffer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.buffer-overlay.visible{opacity:1}.spinner{width:48px;height:48px;border:3px solid rgba(200,168,75,.25);border-top-color:#c8a84be6;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-bar{position:absolute;bottom:0;left:0;right:0;z-index:20;display:flex;flex-direction:column;gap:.5rem;padding:.6rem 1.25rem .75rem;background:#000000a6;border-top:1px solid rgba(200,168,75,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scrubber-row{display:flex;align-items:center;gap:.75rem}.time-display{font-family:Courier New,monospace;font-size:.72rem;color:#e8cc6acc;white-space:nowrap;flex-shrink:0;min-width:3.5rem}.time-display:last-child{text-align:right}.scrub-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:#c8a84b33;outline:none;cursor:pointer;accent-color:#c8a84b}.scrub-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,#e8cc6a,#b8943c);box-shadow:0 1px 4px #00000080;cursor:pointer;transition:transform .1s ease}.scrub-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.scrub-slider::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:linear-gradient(135deg,#e8cc6a,#b8943c);box-shadow:0 1px 4px #00000080;cursor:pointer}.scrub-slider::-moz-range-track{height:4px;border-radius:2px;background:#c8a84b33}.scrub-slider:disabled{opacity:.35;cursor:default}.scrub-slider:disabled::-webkit-slider-thumb{cursor:default}.scrub-slider:disabled::-moz-range-thumb{cursor:default}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.85rem}.vol-rows{display:flex;flex-direction:column;gap:.45rem}.controls-end{display:flex;justify-content:flex-end}.icon-btn{flex-shrink:0;border:none;outline:none;cursor:pointer;font-size:1.1rem;line-height:1;padding:.35rem .5rem;border-radius:.5rem;background:#c8a84b26;border:1px solid rgba(200,168,75,.3);color:#e8cc6a;transition:background .15s ease,transform .1s ease}.icon-btn:hover{background:#c8a84b47;transform:scale(1.1)}.icon-btn:active{transform:scale(1)}.icon-btn:disabled{opacity:.35;cursor:default;transform:none}.vol-row{display:flex;align-items:center;gap:.65rem;cursor:default}.vol-label{font-family:system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.03em;color:#e8cc6a;width:4.5rem;-webkit-user-select:none;user-select:none}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:4px;border-radius:2px;background:#c8a84b40;outline:none;cursor:pointer;accent-color:#c8a84b}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#e8cc6a,#b8943c);box-shadow:0 1px 4px #00000080;cursor:pointer;transition:transform .1s ease}.vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.vol-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:linear-gradient(135deg,#e8cc6a,#b8943c);box-shadow:0 1px 4px #00000080;cursor:pointer}.vol-slider::-moz-range-track{height:4px;border-radius:2px;background:#c8a84b40}.vol-slider:disabled{opacity:.35;cursor:default}.vol-slider:disabled::-webkit-slider-thumb{cursor:default}.vol-slider:disabled::-moz-range-thumb{cursor:default}