:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101114;color:#f4f5f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(75rem 38rem at 8% -10%,#273862 0%,transparent 58%),#101114}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0 48px}.topbar{min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1.05rem;font-weight:760;letter-spacing:-.03em;text-decoration:none}.brand em{color:#a9c3ff;font-style:normal}.brand-mark{display:inline-block;width:16px;height:16px;border:3px solid #89aaff;border-radius:5px 2px;transform:rotate(45deg)}.status{display:flex;align-items:center;gap:7px;font-size:.79rem;color:#a5a9b2}.status span{width:7px;height:7px;background:#737780;border-radius:50%}.status--connected span{background:#64d49c;box-shadow:0 0 12px #64d49c}.status--connecting span,.status--reconnecting span{background:#f4ba5c;animation:breathe 1.1s infinite alternate}.status--disconnected span{background:#e67272}.join-panel{width:min(100%,540px);margin:clamp(4rem,14vh,9rem) auto 0}.eyebrow{font-size:.7rem;color:#9eb9fb;font-weight:800;letter-spacing:.13em}.join-panel h1{font-size:clamp(2.15rem,5.2vw,3.8rem);line-height:1.04;letter-spacing:-.06em;margin:16px 0 18px}.lead{max-width:460px;color:#aeb2ba;line-height:1.6;margin:0 0 34px}.join-panel--direct{width:min(100%,430px)}.join-panel--direct h1{font-size:clamp(2rem,5vw,3rem)}.join-panel--direct .lead{margin-bottom:24px}form{padding:22px;background:#191b20d9;border:1px solid #2d3038;border-radius:16px;box-shadow:0 20px 60px #0004}label{display:block;margin:0 0 7px;font-size:.82rem;font-weight:650;color:#d5d7dc}label span{color:#858a95;font-weight:500}input{width:100%;border:1px solid #363a44;background:#101114;color:#fff;border-radius:9px;padding:12px 13px;margin:0 0 16px;outline:none}input:focus{border-color:#8baaff;box-shadow:0 0 0 3px #8baaff28}.button{min-height:42px;border:0;border-radius:9px;padding:0 15px;font-weight:720;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button--primary{background:#a6bfff;color:#101114}.button--primary:hover:not(:disabled){background:#bed0ff}.button--quiet{color:#d7d9de;background:#252830}.button--danger{background:#3a2025;color:#ffc0c5}.button--full{width:100%}.form-error{color:#ffa6ac;margin:-5px 0 14px;font-size:.84rem}.privacy-note{font-size:.78rem;color:#7e838d;text-align:center}.room-panel{padding-top:52px}.room-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.room-heading{margin-bottom:28px}.room-heading h1{margin:5px 0 0;font-size:1.55rem;letter-spacing:-.04em}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.section-title h2,.share-card h2{margin:0;font-size:.93rem;letter-spacing:-.01em}.count{color:#9499a4;font-size:.78rem}.streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin-top:13px}.empty-state{grid-column:1 / -1;min-height:330px;display:grid;place-content:center;justify-items:center;padding:28px;text-align:center;border:1px dashed #393d47;border-radius:14px;background:#16181c99}.empty-state h3{margin:13px 0 5px;font-size:1rem}.empty-state p{max-width:275px;margin:0;color:#9297a0;font-size:.86rem;line-height:1.5}.empty-icon{font-size:3rem;color:#62749f;transform:rotate(-10deg)}.stream-card{position:relative;overflow:hidden;min-height:205px;background:#08090a;border:1px solid #30343e;border-radius:12px}.stream-card video{width:100%;height:100%;min-height:205px;display:block;object-fit:contain}.stream-caption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:30px 12px 11px;background:linear-gradient(transparent,#08090ee8);font-size:.78rem}.live-dot{font-size:.65rem;color:#ff9ba0;font-weight:800}.needs-play:after{content:"Clique para ativar o áudio";position:absolute;inset:40% 0 auto;text-align:center;color:#fff;font-size:.8rem}.sidebar{display:grid;align-content:start;gap:14px}.share-card,.people-card{padding:17px;border:1px solid #30333b;border-radius:13px;background:#191b20d9}.share-card p{color:#9da2ac;font-size:.81rem;line-height:1.45}.audio-notice{padding:9px;color:#f6cf8d!important;background:#372d1d;border-radius:7px}.people{list-style:none;padding:0;margin:14px 0 0}.people li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 0;font-size:.84rem;border-top:1px solid #292c34}.people li:first-child{border-top:0}.people small{color:#838994;font-size:.69rem}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2c3c61;color:#b9ccff;font-size:.72rem;font-weight:800}.toast{position:fixed;z-index:2;bottom:24px;left:50%;width:min(440px,calc(100% - 32px));transform:translate(-50%);border:1px solid #805155;border-radius:10px;padding:13px 15px;color:#ffe5e6;background:#351f22;box-shadow:0 12px 35px #0007;font-size:.86rem}[hidden]{display:none!important}@keyframes breathe{to{opacity:.3}}@media(max-width:760px){.shell{width:min(100% - 28px,1180px);padding-top:12px}.room-panel{padding-top:30px}.room-layout,.sidebar{grid-template-columns:1fr}.join-panel{margin-top:4rem}.join-panel h1{font-size:2.4rem}.streams{grid-template-columns:1fr}.empty-state{min-height:250px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.stream-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:25px;color:#b9bdc7;background:radial-gradient(circle,#1b1e25,#0a0b0d 75%);text-align:center;font-size:.82rem}.stream-card--waiting .stream-waiting{display:grid}.stream-caption{z-index:1;gap:9px}.stream-caption strong{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-dot{flex:0 0 auto}.audio-toggle{flex:0 0 auto;min-height:28px;border:1px solid #718bc8;border-radius:6px;padding:0 9px;color:#dbe5ff;background:#263554e8;font-size:.7rem;font-weight:700}.media-status,.audio-notice{padding:9px;border-radius:7px}.media-status--connecting{color:#f6cf8d!important;background:#372d1d}.media-status--connected{color:#aee8cb!important;background:#19342a}.media-status--disconnected,.media-status--failed{color:#ffc0c5!important;background:#3a2025}