.vdo-player{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;color:#fff}.vdo-player video{width:100%;height:100%;display:block;object-fit:contain}.vdo-player:fullscreen{width:100%;height:100%}.vdo-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:24px 12px 10px;background:linear-gradient(transparent,#000d);opacity:0;pointer-events:none;transition:opacity .2s ease}.vdo-controls[data-visible=true],.vdo-controls:focus-within{opacity:1;pointer-events:auto}.vdo-player button{color:#fff;background:#151515bb;border:1px solid #ffffff55;border-radius:0;min-height:34px;padding:5px 10px;font:inherit;cursor:pointer}.vdo-player button:hover{background:#ffffff25}.vdo-player :focus-visible{outline:2px solid #66d9ef;outline-offset:2px}.vdo-controls input{width:90px;min-width:40px;accent-color:#66d9ef}.vdo-live{margin-left:auto;font-size:10px;color:#deded4;letter-spacing:.1em}.vdo-status{position:absolute;top:16px;left:16px;padding:6px 10px;background:#000b;font-size:12px}.vdo-error{position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%);padding:16px;background:#171717ee;border:1px solid #666;text-align:center;font-size:12px}.vdo-error button,.vdo-error a{display:inline-block;margin:8px 4px 0}@media (max-width: 500px){.vdo-controls{gap:5px;padding:20px 6px 6px}.vdo-controls button{padding:4px 6px}.vdo-controls input{width:60px}}@media (prefers-reduced-motion: reduce){.vdo-controls{transition:none}}.viewing-room,.room-dialog{font-family:ui-monospace,JetBrains Mono,Fira Code,Consolas,monospace}.viewing-room{min-height:100vh;background:#101112}.room-header{display:flex;align-items:center;gap:24px;padding:12px 20px;background:#0b0c0d;border-bottom:1px solid #36383a}.room-header[data-live=true]{border-bottom-color:#53643a}.room-brand{display:flex;align-items:center;gap:12px;color:#ededdf;font-weight:600;letter-spacing:.03em;margin-right:auto}.room-brand img{width:30px;height:30px;object-fit:contain}.room-brand:hover{color:#fff;text-decoration:none}.room-modes,.room-utilities{display:flex;gap:4px}.room-header button,.room-dialog button{font:inherit;cursor:pointer;color:#c8c9bf;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:0;min-height:36px;padding:6px 12px}.room-header button:hover,.room-dialog button:hover{background:rgba(255,255,255,.1);color:#fff}.room-modes button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:52px}.room-modes button[aria-pressed=true]{color:#fff;border-color:#f92672;box-shadow:inset 0 -2px #f92672;background:rgba(249,38,114,.1)}.room-live-dot{width:5px;height:5px;border-radius:50%;background:#656761}.room-live-dot[data-live=true]{background:#a6e22e}.room-utilities button{display:flex;align-items:center;justify-content:center;gap:8px}.room-stage{width:100%;padding:18px 20px 12px}.viewing-room :focus-visible,.room-dialog :focus-visible{outline:2px solid #66d9ef;outline-offset:3px}.room-dialog{color:#e5e5dc;background:#181a1b;border:1px solid #47494a;border-radius:0;padding:24px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 90px #0009}.room-dialog::backdrop{background:#000a}.room-dialog-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px}.room-dialog-heading h2{margin:0;font-size:16px}.room-dialog button:disabled{opacity:.5;cursor:default}.room-viewers{list-style:none;padding:0;margin:0 0 24px}.room-viewers li,.room-downloads a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #333638}.room-viewers small,.room-downloads small{color:#a5a79d}.room-nickname-row{display:flex;gap:8px;margin-top:8px}.room-nickname-row input{min-width:0;flex:1;padding:8px;font:inherit;color:#eee;background:#101112;border:1px solid #555;border-radius:0}.room-downloads a{color:#66d9ef}.room-note{margin-top:20px;color:#aaa;font-size:12px;overflow-wrap:anywhere}@media (max-width: 600px){.room-header{flex-wrap:wrap;gap:10px;padding:10px 12px}.room-brand{flex:1;font-size:12px}.room-modes{order:3;width:100%}.room-modes button{flex:1}.room-stage{padding:12px}}