:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7fb;--panel:#141922;--panel-soft:#1a202b;--line:#2c3442;--muted:#a5afbd;--accent:#43b8a8;--danger:#e05263;background:#0c0f14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit;border:1px solid var(--line);color:#f4f7fb;background:#0f141c;border-radius:8px;padding:11px 12px}button{cursor:pointer;justify-content:center;align-items:center;font-weight:800;display:inline-flex}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:#04110f}.auth-screen,.viewer{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card,.panel,.source-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.auth-card{gap:14px;width:min(100%,420px);display:grid}.auth-card h1,.topbar h1,.panel h2,.source-copy h3{margin:0}.auth-card p,.topbar p,.source-copy p{color:var(--muted);margin:0}label{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.brand-dot{background:var(--accent);color:#03100e;letter-spacing:0;border-radius:6px;width:fit-content;padding:6px 8px;font-size:12px;font-weight:1000}.error{color:#ffd6db;background:#e052632e;border:1px solid #e0526361;border-radius:8px;margin:0;padding:9px 10px}.app{gap:16px;width:min(1180px,100%);margin:0 auto;padding:16px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.topbar>div{gap:5px;display:grid}.create-source,.user-form,.button-row,.user-row{flex-wrap:wrap;gap:8px;display:flex}.create-source input,.user-form input{flex:180px}.sources{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.source-card{gap:12px;display:grid}.source-preview{aspect-ratio:16/9;border:1px solid var(--line);background:#05070a;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.source-preview video,.viewer-video{object-fit:cover;width:100%;height:100%}.status{background:#697386;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:1000;position:absolute;top:9px;left:9px}.status.live{background:#15803d}.status.connecting{background:#b45309}.status.error{background:#b91c1c}.source-copy{gap:4px;display:grid}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.button-row button{flex:130px}.user-list{gap:8px;margin-top:12px;display:grid}.user-row{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;justify-content:space-between;align-items:center;padding:10px}.user-row span{gap:2px;margin-right:auto;display:grid}.user-row small{color:var(--muted)}.viewer{color:#fff;background:#000;overflow:hidden}.viewer span{display:none}.viewer.viewer-debug span{z-index:2;background:#000000b8;border-radius:6px;padding:7px 10px;display:block;position:fixed;bottom:16px;left:16px}.viewer-audio{display:none}@media (width<=720px){.topbar,.device-grid{grid-template-columns:1fr}.topbar{display:grid}.topbar button,.create-source button,.user-form>*,.user-row button{width:100%}}