:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#0c0a09;--fg:#f9fafb;--muted:#6b7280;--muted-hover:#d1d5db;--link:#0284c7;--link-hover:#38bdf8;--danger:#f87171;--line:#ffffff10;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0}main{max-width:1280px;margin:0 auto;padding:16px}main:has(#room:not([hidden])){max-width:none;padding:0}#start{text-align:center;margin-top:20vh;font-size:1.125rem}h1{text-shadow:-1px 1px #888,-2px 2px #888,-3px 3px #666;margin:0 0 .5em;font-size:3rem;font-weight:400}#start p{color:var(--muted);text-shadow:-1px 1px #444,-2px 2px #444}button{font:inherit;color:var(--fg);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.4em 1em;transition:color .3s ease-in-out,border-color .3s ease-in-out,background .3s ease-in-out}button:hover{color:var(--link-hover);border-color:var(--link-hover)}#share-btn{color:var(--link-hover);border-color:var(--link)}button.danger:hover{color:var(--danger);border-color:var(--danger)}#room{display:flex;flex-direction:column;height:100dvh}.bar{display:flex;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items: center;gap:8px;padding:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}#link{font:inherit;color:#9ca3af;background:#ffffff05;border:0;border-radius:6px;flex:1;min-width:200px;padding:.4em .6em;box-shadow:inset 0 0 0 1px #ffffff08,0 4px 6px -1px #0000001a}#viewer-count,#status{color:var(--muted)}#status{margin:4px 8px}.error{color:var(--danger)}video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}