:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;background:#15171a;color:#f2f3f5}*{box-sizing:border-box}html,body{min-width:0;min-height:100%;background:#15171a}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-x:clip}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.6}[hidden]{display:none!important}.shell{width:min(1120px,100%);margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.topbar{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #292c31}.brand{min-width:0;color:#f4f5f6;font-size:.98rem;font-weight:650;text-decoration:none;white-space:nowrap}.status{min-width:0;display:inline-flex;align-items:center;gap:7px;margin:0;color:#a9adb5;font-size:.78rem;white-space:nowrap}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#777c85}.status--connected .status-dot{background:#5cb780}.status--connecting .status-dot,.status--reconnecting .status-dot{background:#d7a957;animation:breathe 1.1s infinite alternate}.status--disconnected .status-dot{background:#cc6c73}.join-panel{width:min(430px,100%);margin:clamp(48px,11vh,96px) auto 0}.join-panel h1{margin:0 0 9px;color:#f5f5f6;font-size:clamp(1.75rem,5vw,2.2rem);line-height:1.2;letter-spacing:-.025em}.lead{margin:0 0 24px;color:#a9adb5;font-size:.95rem;line-height:1.55}form,.share-card,.people-card{border:1px solid #30343a;border-radius:10px;background:#1c1f23}form{padding:20px}label{display:block;margin:0 0 7px;color:#d9dadd;font-size:.82rem;font-weight:600}input{width:100%;min-width:0;min-height:46px;margin:0 0 16px;padding:11px 12px;border:1px solid #3b4048;border-radius:7px;outline:none;background:#121417;color:#f4f5f6;font-size:1rem}input::placeholder{color:#737982}input:focus{border-color:#668bd1;outline:2px solid #668bd140;outline-offset:0}.button{min-width:0;min-height:44px;border:0;border-radius:7px;padding:9px 15px;font-weight:650;line-height:1.2;text-align:center}.button:focus-visible,.stream-expand:focus-visible,.audio-toggle:focus-visible,.audio-volume:focus-visible,.viewer-button:focus-visible,.viewer-volume:focus-visible,.mobile-broadcast-trigger:focus-visible,.mobile-broadcast__close:focus-visible,.mobile-broadcast a:focus-visible{outline:2px solid #91ade2;outline-offset:2px}.button--primary{background:#527bc5;color:#fff}.button--primary:hover:not(:disabled){background:#6088d0}.button--quiet{border:1px solid #3b4047;background:#25282d;color:#e1e2e4}.button--quiet:hover:not(:disabled){background:#2d3137}.button--danger{border:1px solid #684047;background:#382326;color:#f1c8cc}.button--full,form .button{width:100%}.form-error{margin:-4px 0 14px;color:#ee9ba2;font-size:.84rem;line-height:1.45}.privacy-note{margin:13px 0 0;color:#858a93;font-size:.78rem;text-align:center}.room-panel{padding-top:36px}.room-heading,.section-title{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px}.room-heading{margin-bottom:20px}.room-name{min-width:0}.room-label{display:block;margin-bottom:3px;color:#969ba4;font-size:.75rem}.room-heading h1{min-width:0;margin:0;color:#f1f2f3;font-size:1.45rem;line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere}.room-heading .button{flex:0 0 auto}.room-layout{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px}.streams-section{min-width:0}.sidebar{min-width:0;display:grid;align-content:start;gap:14px}.section-title h2,.share-card h2{margin:0;color:#e9eaec;font-size:.95rem}.count{flex:0 0 auto;color:#90959e;font-size:.76rem}.streams{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin-top:11px}.empty-state{min-width:0;min-height:240px;grid-column:1 / -1;display:grid;place-content:center;justify-items:center;padding:24px;border:1px solid #30343a;border-radius:10px;background:#191b1f;text-align:center}.empty-state h3{margin:0 0 6px;color:#d8dade;font-size:.94rem;font-weight:600}.empty-state p{max-width:275px;margin:0;color:#8f949d;font-size:.82rem;line-height:1.45}.stream-card{position:relative;min-width:0;aspect-ratio:16 / 9;overflow:hidden;border:1px solid #333840;border-radius:9px;background:#08090b}.stream-card:hover{border-color:#505761}.stream-card video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;cursor:zoom-in}.stream-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:22px;background:#111318;color:#aeb2ba;font-size:.8rem;line-height:1.45;text-align:center;cursor:zoom-in}.stream-card--waiting .stream-waiting{display:grid}.stream-caption{position:absolute;z-index:2;inset:auto 0 0;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;background:#0b0c0ee8;font-size:.76rem;pointer-events:none}.stream-caption strong{min-width:0;overflow:hidden;color:#f2f3f4;text-overflow:ellipsis;white-space:nowrap}.live-dot{color:#e9838b;font-size:.7rem;font-weight:650;white-space:nowrap}.audio-toggle{position:relative;z-index:3;min-width:0;min-height:30px;border:1px solid #536b98;border-radius:6px;padding:0 8px;background:#26334b;color:#e1e8f5;font-size:.68rem;font-weight:650;white-space:nowrap;pointer-events:auto}.audio-controls{min-width:0;display:flex;align-items:center;gap:7px;pointer-events:auto}.audio-volume,.viewer-volume{min-width:54px;accent-color:#7794c8;cursor:pointer}.audio-volume{width:82px}.stream-expand{position:absolute;z-index:3;top:9px;right:9px;min-height:34px;display:inline-flex;align-items:center;gap:6px;border:1px solid #454b54;border-radius:6px;padding:0 9px;background:#17191de8;color:#f1f2f3;font-size:.72rem;font-weight:600}.stream-expand:hover{background:#24282e}.share-card,.people-card{min-width:0;padding:16px}.share-card p{margin:9px 0 14px;color:#a2a7b0;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.mobile-broadcast-trigger{width:100%;min-height:38px;margin-top:10px;border:0;padding:6px 8px;background:transparent;color:#b9c9e8;font-size:.78rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.mobile-broadcast-trigger:hover{color:#d5e0f4}.media-status,.audio-notice{padding:9px 10px;border-radius:6px}.media-status--connecting,.audio-notice{background:#332b1f;color:#e4c78f!important}.media-status--connected{background:#1b3027;color:#a8d8bd!important}.media-status--disconnected,.media-status--failed{background:#352326;color:#e6b4b8!important}.people{min-width:0;margin:12px 0 0;padding:0;list-style:none}.people li{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #2c3036;font-size:.82rem}.people li:first-child{border-top:0}.person-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people small{color:#858b95;font-size:.68rem}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#303846;color:#d7dfed;font-size:.71rem;font-weight:650}.toast{position:fixed;z-index:1100;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(430px,calc(100% - 24px));max-height:min(50vh,260px);overflow:auto;transform:translate(-50%);border:1px solid #6e464b;border-radius:8px;padding:12px 14px;background:#322124;color:#f4d9dc;font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}.viewer-open,.mobile-broadcast-open{overflow:hidden}.mobile-broadcast{position:fixed;z-index:1050;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:auto;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#08090bd9}.mobile-broadcast__panel{width:min(540px,100%);max-height:100%;overflow:auto;border:1px solid #3a3f47;border-radius:10px;padding:20px;background:#1b1e22;box-shadow:0 16px 48px #0008}.mobile-broadcast__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mobile-broadcast__header h2{margin:0;color:#f0f1f2;font-size:1.18rem;letter-spacing:-.015em}.eyebrow{margin:0 0 4px;color:#98a1b0;font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.mobile-broadcast__close{width:36px;height:36px;flex:0 0 auto;border:1px solid #424750;border-radius:7px;background:#25292e;color:#d9dce0;font-size:1.4rem;line-height:1}.mobile-broadcast__close:hover:not(:disabled){background:#30353b}.mobile-broadcast__intro{margin:16px 0 12px;color:#c1c5cb;font-size:.88rem;line-height:1.5}.mobile-broadcast__steps{margin:0;padding-left:21px;color:#afb4bd;font-size:.82rem;line-height:1.55}.mobile-broadcast__steps li+li{margin-top:7px}.mobile-broadcast a{color:#adc5ee}.mobile-broadcast__notice{margin:16px 0 0;padding:10px 11px;border:1px solid #51452d;border-radius:7px;background:#2c281d;color:#dfcd9f;font-size:.76rem;line-height:1.45}.mobile-broadcast .media-status{margin:14px 0 0;font-size:.8rem;line-height:1.45}.mobile-broadcast__credentials{display:grid;gap:10px;margin-top:14px}.mobile-broadcast__credential{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:11px;border:1px solid #3a4048;border-radius:7px;background:#121417}.mobile-broadcast__credential span{grid-column:1 / -1;color:#9fa5ae;font-size:.71rem;font-weight:650}.mobile-broadcast__credential code{min-width:0;overflow:auto hidden;padding:8px;border-radius:5px;background:#0b0d10;color:#e5e8ec;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.73rem;line-height:1.4;white-space:nowrap;-webkit-user-select:all;user-select:all}.mobile-broadcast__credential .button{align-self:stretch;min-height:34px;padding:6px 10px;font-size:.73rem}.mobile-broadcast__expiry{margin:0;color:#9da3ac;font-size:.75rem}.mobile-broadcast__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.mobile-broadcast__actions .button{min-height:42px}.stream-viewer{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#000;color:#f4f5f6}.viewer-toolbar{position:relative;z-index:2;min-width:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));border-bottom:1px solid #292d33;background:#15171a}.viewer-identity{min-width:0;flex:1 1 auto;display:grid;gap:2px}.viewer-identity strong{min-width:0;overflow:hidden;color:#f2f3f4;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.viewer-live{color:#e9838b;font-size:.67rem;font-weight:650}.viewer-live--local{color:#91ade2}.viewer-controls{min-width:0;flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px}.viewer-button{min-width:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3c4148;border-radius:7px;padding:0 11px;background:#24272c;color:#e9eaec;font-size:.74rem;font-weight:600;white-space:nowrap}.viewer-button:hover{background:#2d3137}.viewer-button--active{border-color:#5976aa;background:#29374f;color:#e2e9f5}.viewer-button--close{border-color:#624047;background:#352327;color:#f0ced1}.viewer-volume{width:108px;height:40px;margin:0 3px}.viewer-stage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;container-type:size;background:#000}.viewer-video{position:absolute;z-index:1;top:50%;left:50%;width:100cqw;height:100cqh;max-width:none;max-height:none;display:block;object-fit:contain;background:#000;transition:transform .18s ease}.viewer-video--rotate-0{transform:translate(-50%,-50%) rotate(0)}.viewer-video--rotate-90{width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(90deg)}.viewer-loading{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:20px;color:#a7abb2;font-size:.82rem;text-align:center}.stream-viewer--playing .viewer-loading{display:none}.viewer-hint{position:absolute;z-index:2;bottom:12px;left:50%;max-width:calc(100% - 24px);margin:0;padding:6px 9px;overflow:hidden;transform:translate(-50%);border:1px solid #30343a;border-radius:6px;background:#111318e8;color:#b4b8bf;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.stream-viewer:fullscreen{background:#000}.needs-play:after{content:"Toque para ativar o áudio";position:absolute;inset:40% 0 auto;color:#fff;font-size:.8rem;text-align:center}@keyframes breathe{to{opacity:.35}}@media(max-width:760px){.shell{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.join-panel{margin-top:42px}.room-panel{padding-top:24px}.room-layout{display:flex;flex-direction:column;align-items:stretch;gap:14px}.sidebar{display:contents}.share-card{order:1}.streams-section{order:2}.people-card{order:3}.empty-state{min-height:150px}.stream-expand{min-height:40px}}@media(max-width:520px){.topbar{gap:10px}.brand{font-size:.9rem}.status{font-size:.72rem}.join-panel h1{font-size:1.7rem}form{padding:16px}.room-heading h1{font-size:1.25rem}.share-card,.people-card{padding:14px}.mobile-broadcast{align-items:end;padding:max(10px,env(safe-area-inset-top)) 0 0}.mobile-broadcast__panel{max-height:calc(100dvh - max(10px,env(safe-area-inset-top)));border-right:0;border-bottom:0;border-left:0;border-radius:12px 12px 0 0;padding:18px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.mobile-broadcast__actions{display:grid;grid-template-columns:1fr}.mobile-broadcast__actions .button{width:100%}.viewer-toolbar{min-height:0;align-items:stretch;flex-direction:column;gap:8px;padding:max(9px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 9px max(10px,env(safe-area-inset-left))}.viewer-identity{width:100%;display:flex;align-items:baseline;gap:8px}.viewer-live{flex:0 0 auto}.viewer-controls{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.viewer-button{width:100%;min-height:44px;padding:0 7px;font-size:1rem}.viewer-volume{width:100%;height:44px;margin:0}.viewer-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.viewer-hint{display:none}}@media(max-width:350px){.shell{padding-right:10px;padding-left:10px}.status-label{max-width:92px;overflow:hidden;text-overflow:ellipsis}.room-heading{align-items:flex-start}.stream-caption{gap:6px;padding-right:7px;padding-left:7px}.audio-toggle{padding:0 6px}.audio-controls{gap:4px}.audio-volume{width:58px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}