.opening.cinema-opening{background:#080b12;overflow:hidden;isolation:isolate;animation:cinema-exit 1.8s ease both}.cinema-rays{position:absolute;inset:-20%;display:flex;justify-content:center;gap:clamp(6px,1.5vw,24px);align-items:stretch;transform:perspective(600px) rotateY(-10deg);opacity:.85}.cinema-rays i{display:block;width:clamp(2px,.45vw,7px);background:linear-gradient(180deg,transparent 5%,#164b9a 30%,#7ae9ff 50%,#187dc7 70%,transparent 95%);box-shadow:0 0 18px #32bfff66;transform-origin:center;animation:cinema-ray 1.8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--ray)*12ms - 90ms)}.cinema-rays i:nth-child(3n){width:2px;filter:blur(2px)}.cinema-mark{position:relative;display:flex;align-items:center;flex-direction:column;z-index:1;animation:cinema-mark 1.8s cubic-bezier(.2,.75,.2,1) both}.cinema-opening .cinema-mark .wolf{width:clamp(110px,22vw,190px);height:clamp(110px,22vw,190px);filter:brightness(1.65) drop-shadow(0 0 24px #51c9f066);animation:cinema-wolf 1.8s ease both}.cinema-title{position:relative;overflow:hidden;animation:cinema-name 1.8s ease both}.cinema-opening .cinema-title h1{font-size:clamp(24px,4vw,42px);font-weight:650;letter-spacing:.035em;color:#f1faff;margin:20px 0 14px;text-shadow:0 0 22px #50cfff33}.cinema-opening .cinema-title h1 span{color:#a7d8eb;font-weight:300}.cinema-line{height:1px;background:linear-gradient(90deg,transparent,#7ae9ff,transparent);animation:cinema-line 1.8s ease both}@keyframes cinema-ray{0%{opacity:0;transform:translate(calc((var(--ray) - 7)*-10px)) scaleY(.05)}25%{opacity:.9;transform:translate(0) scaleY(1)}55%{opacity:.18}80%,to{opacity:0;transform:translate(calc((var(--ray) - 7)*35px)) scaleY(1.8)}}@keyframes cinema-wolf{0%,8%{opacity:0;clip-path:inset(100% 0 0)}38%{opacity:1;clip-path:inset(0 0 0)}70%,to{opacity:1;clip-path:inset(0 0 0)}}@keyframes cinema-mark{0%{transform:scale(.84)}65%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes cinema-name{0%,28%{opacity:0;transform:translateY(12px)}56%,to{opacity:1;transform:translateY(0)}}@keyframes cinema-line{0%,35%{transform:scaleX(0);opacity:0}65%{transform:scaleX(1);opacity:1}to{transform:scaleX(1.2);opacity:0}}@keyframes cinema-exit{0%{opacity:1}78%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.opening.cinema-opening{display:none}.cinema-opening *{animation:none!important}}:root{font-family:Inter,Segoe UI,sans-serif;color:#f1f4f3;background:#101517;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid #34453e;color:#dce8e2;background:#202c26;border-radius:9px;padding:10px 14px;cursor:pointer}button:hover{background:#2c4035}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a9e8c4;outline-offset:3px}.primary{background:#a9e8c4;color:#163422;font-weight:650}input,select{width:100%;background:#111a15;border:1px solid #3a4b41;color:#f3f5f4;border-radius:9px;padding:13px}p{line-height:1.6;color:#a1b0a9}.wolf{width:52px;height:52px;color:#f4f6f5;flex:none}.wordmark{display:flex;align-items:center;gap:10px}.wordmark strong{font-size:21px;white-space:nowrap}.wordmark span{font-weight:400;color:#adc1b5}.alcateia-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header{height:78px;flex-shrink:0;display:flex;align-items:center;gap:18px;padding:12px 28px;border-bottom:1px solid #29362f}.connection-label{margin-left:auto;font-size:12px;color:#9cad9f}.room-body{display:flex;flex:1;min-height:0}.people{width:246px;flex:none;padding:22px 18px;border-right:1px solid #29362f;display:flex;flex-direction:column;gap:12px;overflow:auto}.people h2{font-size:14px;display:flex;justify-content:space-between;margin:0}.people h2 span{color:#82968b}.people p{font-size:12px}.people ul{list-style:none;padding:0;margin:0}.people li{display:flex;gap:10px;align-items:center;padding:10px 0;overflow-wrap:anywhere}.people li strong{font-size:13px;display:block}.people li small{display:block;color:#96aa9d;font-size:10px;margin-top:4px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#2b4335;color:#bceccb;flex:none}.invite-card{margin-top:auto;background:#18251d;border:1px solid #2e4737;padding:15px;border-radius:12px}.invite-card small{font-size:9px;letter-spacing:1.5px;color:#a9e8c4}.invite-card output{display:block;font-size:27px;letter-spacing:4px;margin-top:14px;font-family:monospace;-webkit-user-select:all;user-select:all}.invite-card button{display:block;width:100%;font-size:11px;margin-top:8px}.stage{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:24px;gap:14px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-heading small{font-size:9px;letter-spacing:2px;color:#9edcb7}.stage h1{font-size:23px;letter-spacing:-.5px;margin:8px 0}.view-switch{display:flex;gap:4px}.view-switch button{font-size:12px;padding:8px 13px}.view-switch [aria-pressed=true]{background:#a9e8c4;color:#143322}.stream-card{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #2c3c32;border-radius:14px;overflow:hidden;background:#0b100d}.stream-label{padding:13px 17px;font-size:12px;display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.stream-label span{color:#a9e8c4;font-size:9px;letter-spacing:1px}.stream-card video{width:100%;flex:1;min-height:0;object-fit:contain;background:#080b09}.stream-card video[hidden]{display:none}.stage-empty{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;background:radial-gradient(ellipse,#1a2a21,#0f1511)}.stage-empty .wolf{width:140px;height:140px;color:#789888}.stage-empty h2{font-size:18px;font-weight:500;margin:8px}.stage-empty p{font-size:12px;margin:4px}.stream-status{font-size:11px;margin:0;color:#96aa9e}.app-toolbar{height:58px;flex-shrink:0;border-top:1px solid #29362f;display:flex;justify-content:space-between;align-items:center;padding:10px 28px;gap:10px;font-size:11px;color:#91a699}.app-toolbar button{font-size:11px}.error{color:#ffb4a5;font-size:12px}.drawer{position:absolute;right:0;top:78px;bottom:58px;width:min(380px,100%);background:#19251e;border-left:1px solid #42584a;padding:22px;overflow:auto;box-shadow:-10px 0 40px #0008;z-index:10}.drawer h2{margin-top:50px}.drawer-close{float:right}.drawer pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.opening{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#101517;pointer-events:none;animation:opening-out 1.8s ease both}.opening .wolf{width:150px;height:150px}.opening h1{font-size:26px;letter-spacing:1px;margin:10px}.opening h1 span{font-weight:400}.opening p{font-size:11px;letter-spacing:1px}.wolf-animated .wolf-head{transform-origin:86px 101px;animation:lift-snout 1.8s ease both}.wolf-animated .howl-wave{animation:howl 1.8s ease both}.wolf-animated .wave-two{animation-delay:.1s}@keyframes lift-snout{0%,15%{transform:rotate(15deg)}45%,85%{transform:rotate(-9deg)}to{transform:rotate(-9deg)}}@keyframes howl{0%,42%{opacity:0}60%,78%{opacity:.8}to{opacity:0}}@keyframes opening-out{0%{opacity:0}15%,78%{opacity:1}to{opacity:0}}.pc-shell{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:auto;background:radial-gradient(ellipse at 50% 35%,#1d3025,#101517 65%)}.pc-card{width:min(440px,100%);background:#18231c;border:1px solid #354c3c;border-radius:18px;padding:32px}.pc-card .wordmark{justify-content:center;margin-bottom:24px}.pc-card h1{font-size:24px;margin:15px 0 8px}.pc-card label{display:block;font-size:12px;margin:20px 0 8px;color:#b1c2b7}.pc-card input{margin:8px 0}.pc-card .code-input{font:28px monospace;text-transform:uppercase;letter-spacing:6px;text-align:center}.pc-card button{margin-top:12px;width:100%}.pc-card p{font-size:12px}.pc-card .step{font-size:9px;letter-spacing:2px;color:#a9e8c4}.pc-card .identity{font-size:20px;color:#dcf2e4;overflow-wrap:anywhere}.pc-card .sources{margin-top:12px}.focus-mode{padding:12px}.focus-mode .stage-heading h1{font-size:18px}@media(max-width:720px){.app-header{padding:8px 14px;height:64px}.wordmark strong{font-size:17px}.wordmark .wolf{width:38px;height:38px}.connection-label{display:none}.app-header>button{margin-left:auto}.people{width:190px;padding:14px 10px}.stage{padding:12px}.stage h1{font-size:17px}.stage-heading{flex-wrap:wrap}.app-toolbar{padding:8px 12px}.drawer{top:64px}.invite-card output{font-size:22px;letter-spacing:2px}.stage-empty .wolf{width:90px;height:90px}}@media(max-width:480px){.people{width:145px}.invite-card{padding:10px}.invite-card output{font-size:18px}.app-toolbar span{font-size:9px}.stage-empty p{display:none}.stage-empty h2{font-size:14px}.stage h1{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.opening{display:none}}.copy-control{position:relative}.copy-control small{display:block;margin-top:8px;letter-spacing:normal}.copy-buffer{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.copy-manual{width:100%;height:110px;margin-top:10px;background:#101517;color:#f1f4f3;border:1px solid #a9e8c4;border-radius:6px;padding:8px;resize:vertical}:root{color-scheme:dark;background:#0d101b;color:#e3e7f0;font-family:Segoe UI,sans-serif}.alcateia-app{background:radial-gradient(ellipse at 75% 80%,#13213080,transparent 60%),#0d101b}.app-header{height:62px;padding:8px 24px;border-color:#232734;position:relative;background:#10131d}.wordmark .wolf{width:34px;height:40px}.wordmark strong{font-size:18px;letter-spacing:-.4px}.wordmark span{border-left:1px solid #4a5264;padding-left:8px;margin-left:5px;color:#c1c8d8}.room-name{position:absolute;left:50%;transform:translate(-50%);background:transparent;border:0;font-size:12px;color:#c1c8d8}.connection-label{color:#69bad8;display:flex;align-items:center;gap:8px}.connection-label i{width:8px;height:8px;background:#37dbe7;border-radius:100%;box-shadow:0 0 12px #37dbe7}button{background:#1b1f2c;border-color:#323849;color:#dce6f3}button:hover{background:#263348}.settings-button{border:0;background:transparent;font-size:20px}.primary{color:#09283a;background:linear-gradient(120deg,#60d3f0,#369bd0);border-color:#66cce9;box-shadow:0 0 15px #3bb4e51a}.primary:hover{background:#83dcf4}.people{width:235px;border-color:#222736;padding:26px 22px;gap:16px;background:#11142080}.people h2{font-size:15px}.people p{color:#8d98b0;font-size:11px;margin:0}.people li{padding:3px 0}.person{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:12px 8px;background:#151b29}.person.selected{border-color:#59b9e5;box-shadow:0 0 10px #469ddb22}.avatar{background:#263a51;color:#a7dcf5}.people li small{color:#88a7bd}.invite-card{background:#151a27;border-color:#2d3649;padding:13px}.invite-card small{color:#8aa9c7}.invite-card output{color:#d9edf7;font-size:25px;letter-spacing:3px}.invite-card button{font-size:11px}.invite-card p{margin-top:8px}.stage{padding:20px 24px 10px;gap:14px}.stage-heading h1{font-size:14px;letter-spacing:0;color:#c3ccdc;font-weight:600}.view-switch button{min-width:82px;padding:9px 13px}.view-switch [aria-pressed=true]{background:#102c45;border-color:#4aa7d2;color:#91d9ff;box-shadow:0 0 16px #268dc733}.streams{display:grid;gap:14px;flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.streams:has(>.stream-slot:only-child),.streams:has(>.stage-empty){grid-template-columns:1fr}.stream-slot{min-width:0;min-height:0;display:flex}.focus-layout{grid-template-columns:minmax(0,3fr) minmax(160px,1fr)}.focus-layout>.secondary{grid-column:2}.focus-layout>.stream-slot:not(.secondary){grid-column:1;grid-row:1/span 4}.focus-layout:has(>.stream-slot:only-child)>.stream-slot{grid-row:1}.stream-card{position:relative;border-radius:12px;border-color:#3b4b60;box-shadow:0 0 22px #369cd218;background:#080c14}.stream-card video{min-height:0;object-fit:contain}.stream-label{position:absolute;bottom:30px;left:10px;right:10px;padding:10px 12px;background:#111623db;border-radius:8px;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stream-label strong{font-size:12px}.stream-label span{margin-left:auto;color:#69d9f2}.stream-label button{font-size:10px;padding:4px 7px}.stream-status{padding:7px 12px;font-size:10px;color:#87a9bd;background:#111722}.stage-empty{border:1px solid #2a3a4e;border-radius:12px;background:radial-gradient(ellipse at center,#19283b,#10151f);color:#b8ccdf}.stage-empty p{color:#8496aa}.stage-empty .wolf{width:100px;height:120px;margin-bottom:15px;opacity:.8}.app-toolbar{height:100px;border:0;padding:10px 26px;color:#77869c}.floating-tools{display:flex;gap:14px;padding:10px 20px;background:linear-gradient(#1b2030,#121621);border:1px solid #303b4c;border-radius:22px;box-shadow:0 4px 25px #0007}.floating-tools button{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;font-size:20px;padding:5px 10px;min-width:65px}.floating-tools span{font-size:10px;color:#b3c0d2}.drawer{top:62px;bottom:0;background:#151c2b;border-color:#354960;z-index:20}.drawer p{color:#acb7ca;font-size:13px}.drawer label{font-size:12px}.drawer input{margin:8px 0;background:#0e1521;border-color:#40526c}.drawer form button{width:100%;margin:4px 0 20px}.drawer h3{font-size:13px;color:#90cce7}.wolf-animated .wolf-head{transform-origin:215px 350px}.opening{background:#0d101b}@media(max-width:800px){.people{width:190px;padding:20px 14px}.stage{padding:15px 12px}.room-name,.connection-label{display:none}.settings-button{margin-left:auto}.grid-layout{grid-template-columns:1fr}.focus-layout{grid-template-columns:1fr;grid-template-rows:3fr 1fr}.focus-layout>.stream-slot:not(.secondary){grid-column:1;grid-row:1}.focus-layout>.secondary{grid-column:1;grid-row:auto}.app-toolbar>span{display:none}.app-toolbar{justify-content:center}.invite-card output{font-size:22px;letter-spacing:2px}}@media(max-width:480px){.people{width:145px;padding:15px 8px}.people>p{display:none}.invite-card{padding:8px}.invite-card output{font-size:18px}.stage-heading{gap:4px}.stage-heading h1{font-size:12px}.view-switch button{min-width:0;font-size:10px;padding:7px}.app-header{padding:8px 12px}.stream-label{left:4px;right:4px;padding:6px;gap:4px}.stream-label span{display:none}}@media(max-height:820px){.people{padding:16px;gap:10px}.people>p{display:none}.person{padding:8px;min-height:52px}.people>.primary{font-size:12px;white-space:nowrap;padding:10px 8px}.invite-card{padding:10px}.invite-card output{margin-top:9px}.invite-card button{padding:7px 8px}.invite-card p{font-size:10px}.app-toolbar{height:86px}.floating-tools{padding:6px 16px}.stage{padding-top:12px}}.secondary .stream-label button{display:none}.secondary .stream-label{font-size:10px;gap:5px}.secondary .stream-label strong{font-size:10px}.room-focus .people{display:none}.room-focus .app-toolbar{height:55px}.room-focus .floating-tools{padding:0 12px}.room-focus .floating-tools button{flex-direction:row}.room-focus .stage{padding:8px 12px}.focus-layout:has(>.stream-slot:only-child){grid-template-rows:minmax(0,1fr)}.expanded-stream,.stream-card:fullscreen{position:fixed;inset:0;z-index:200;width:100%;height:100%;max-width:none;border-radius:0;background:#06080d}.expanded-stream video,.stream-card:fullscreen video{width:100%;height:100%;object-fit:contain}.secondary .expanded-stream .stream-label button{display:block}.expanded-stream .stream-label{bottom:32px}.share-code{display:block;font:28px monospace;letter-spacing:5px;margin:20px 0;color:#b8e7ff}.drawer li{font-size:13px;line-height:1.7;margin-bottom:8px;color:#c2cddd}.browser-publisher{background:radial-gradient(ellipse at center,#1b2b44,#0d101b)}.browser-publisher .pc-card{background:#151d2b;border-color:#354861}.browser-preview{width:100%;max-height:240px;object-fit:contain;background:#070b12;border-radius:8px}.browser-preview[hidden]{display:none}.browser-publisher input{background:#0c1421;border-color:#364861}.share-alternative{margin-top:24px;border-top:1px solid #33435c;padding-top:16px}.share-alternative summary{cursor:pointer;color:#a5c6dd}.browser-publisher input[type=checkbox]{width:auto;margin-right:8px;accent-color:#4cc9f0}.quality-controls{display:flex;gap:14px}.quality-controls label{flex:1}.frame-preview{object-fit:contain}.fill-stream video,.fill-stream .frame-preview{object-fit:cover!important}.expanded-stream video,.expanded-stream .frame-preview,.stream-card:fullscreen video,.stream-card:fullscreen .frame-preview{position:absolute;inset:0;width:100%;height:100%;flex:none}.expanded-stream .stream-status,.stream-card:fullscreen .stream-status{position:absolute;bottom:0;left:0;right:0}.expanded-stream .stream-label,.stream-card:fullscreen .stream-label{z-index:1;flex-wrap:wrap}.stream-label{flex-wrap:wrap}.browser-publisher .pc-card{margin:auto}.browser-publisher{justify-content:flex-start}.media-surface{position:relative;flex:1;min-height:0;overflow:hidden;display:flex}.media-surface video,.media-surface .frame-preview{width:100%;height:100%;min-height:0}.annotations{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none;overflow:hidden}.stream-label{z-index:2;transition:opacity .25s}.stream-volume{display:flex;align-items:center;gap:4px;font-size:10px}.stream-volume input{width:70px;padding:0;accent-color:#59dcff}.controls-idle .stream-label,.controls-idle .stream-status{opacity:0;pointer-events:none}.controls-idle:focus-within .stream-label,.controls-idle:focus-within .stream-status{opacity:1;pointer-events:auto}.stream-label button[aria-pressed=true]{border-color:#59dcff}.expanded-stream .media-surface,.stream-card:fullscreen .media-surface{position:absolute;inset:0;width:100%;height:100%}.compare-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important}.comparison-hidden{display:none!important}.comparison-select{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.comparison-select select{width:auto;max-width:180px;padding:6px}.stream-card .stream-label{gap:6px;bottom:30px;max-height:45%;overflow:auto}.stream-card .stream-label button{font-size:10px;padding:4px 6px}.controls-idle .stream-label{pointer-events:auto}.controls-idle .stream-label:hover{opacity:1}.alcateia-app .stage{padding:12px;gap:10px}.app-header{height:54px}.drawer{top:54px}.stage-heading{flex-shrink:0}.stage-heading .people-toggle{font-size:12px;padding:8px 10px}.people-collapsed .people{width:68px;padding:12px 8px}.people-collapsed .people h2,.people-collapsed .people>p,.people-collapsed .person>span+span,.people-collapsed .portable-details{display:none}.people-collapsed .person{justify-content:center;padding:8px 0}.people-collapsed .people>.primary{font-size:0;padding:10px 0}.people-collapsed .people>.primary:after{content:"+";font-size:22px}.people-open .people{width:210px}.room-focus .people{display:flex}.portable-details{margin-top:auto;font-size:12px}.portable-details summary{cursor:pointer;padding:12px 0;color:#a4bdd2}.portable-details .invite-card{margin-top:4px}.streams.grid-layout{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.grid-layout>.stream-slot{grid-column:span 2}.grid-layout[data-count="1"],.grid-layout[data-count="2"]{grid-template-rows:minmax(0,1fr)}.grid-layout[data-count="1"]>.stream-slot{grid-column:1/-1}.grid-layout[data-count="3"]>.stream-slot:last-child{grid-column:2/span 2}.grid-layout[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-layout[data-count="5"]>.stream-slot{grid-column:span 2}.grid-layout[data-count="5"]>.stream-slot:nth-child(4){grid-column:2/span 2}.focus-layout{grid-template-columns:minmax(0,4fr) minmax(140px,1fr);grid-template-rows:repeat(4,minmax(0,1fr))}.stream-card{box-shadow:none;border-color:#283445;border-radius:10px}.media-surface{flex:1 1 0;width:100%;height:100%}.media-surface video,.media-surface .frame-preview{position:absolute;inset:0;object-fit:contain;background:#080c14}.stream-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;gap:6px;pointer-events:none;z-index:2;font-size:11px}.stream-badges>strong,.stream-badges>span{background:#0c111bce;padding:5px 7px;border-radius:5px}.stream-badges>strong{max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-badge{margin-left:auto;color:#b8c8d8;font-variant-numeric:tabular-nums}.muted-badge{display:flex;color:#e6b2ad}.stream-card .stream-label{bottom:8px;left:8px;right:8px;max-height:none;overflow:visible;flex-wrap:nowrap;justify-content:flex-end;padding:6px;gap:5px;background:#101622dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stream-card .stream-label button{min-height:30px;font-size:11px;padding:5px 8px;white-space:nowrap}.stream-volume{margin-right:auto;min-width:35px}.stream-volume input{width:clamp(35px,7vw,85px)}.stream-tools{position:absolute;right:8px;bottom:58px;z-index:4;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid #35465a;border-radius:10px;background:#111b29;max-height:calc(100% - 100px);overflow:auto;box-shadow:0 8px 25px #0008}.stream-tools button{font-size:12px;padding:7px 10px;text-align:left}.stream-tools button[aria-pressed=true]{border-color:#59dcff}.stream-status{position:absolute;bottom:54px;left:8px;right:8px;background:#111722d9;pointer-events:none}.secondary .stream-label button{display:block}.secondary .stream-volume,.secondary .stream-label>button:first-child,.secondary .stream-label>button:nth-child(3){display:none}.secondary .stream-badges{flex-wrap:wrap}.secondary .quality-badge{font-size:9px}.secondary .stream-badges>strong{max-width:100%}.expanded-stream .stream-label,.stream-card:fullscreen .stream-label{bottom:12px}.expanded-stream .stream-status,.stream-card:fullscreen .stream-status{bottom:58px}.controls-idle .stream-label{opacity:0;pointer-events:auto}.stream-card:hover .stream-label,.stream-card:focus-within .stream-label{opacity:1}.view-switch button{box-shadow:none!important}.people-toggle span{margin-left:6px}@media(max-width:700px){.people-collapsed .people{display:none}.people-open .people{position:absolute;top:54px;bottom:0;left:0;z-index:10;background:#111722;width:200px}.stream-badges{font-size:9px;gap:3px;top:5px;left:5px;right:5px}.stream-badges>strong,.stream-badges>span{padding:3px}.stream-card .stream-label{left:4px;right:4px;gap:3px}.stream-card .stream-label button{font-size:10px;padding:4px}.stream-volume{display:none}.view-switch button{min-width:0;padding:7px}.focus-layout{grid-template-columns:minmax(0,3fr) minmax(100px,1fr);grid-template-rows:repeat(4,minmax(0,1fr))}.focus-layout>.secondary{grid-column:2}.focus-layout>.stream-slot:not(.secondary){grid-column:1;grid-row:1/span 4}}.stream-card{container-type:inline-size}.stream-card .stream-label{flex-wrap:wrap}.stream-card .stream-label .inline-tool{display:inline-flex;align-items:center;justify-content:center;gap:5px}.inline-tool svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.stream-card .stream-label .inline-tool span{font-size:11px;letter-spacing:0;color:inherit;margin:0}.stream-card .stream-label button[aria-pressed=true]{background:#143248;border-color:#59bdda}.secondary .stream-label .inline-tool{display:inline-flex}.secondary .stream-label .inline-tool span{display:none}@container (max-width:850px){.stream-card .stream-label .inline-tool span{display:none}.stream-card .stream-label .inline-tool{padding:5px 7px}}@container (max-width:380px){.stream-card .stream-label{gap:3px;padding:4px}.stream-card .stream-label .inline-tool{padding:4px;min-width:26px}.stream-card .stream-label button{font-size:10px}.stream-card .stream-volume{display:none}}.feedback-overlay{position:fixed;inset:0;z-index:400;background:#03070bd9;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;cursor:default}.feedback-panel{width:min(900px,100%);max-height:95dvh;overflow:auto;background:#131c29;border:1px solid #344a60;border-radius:14px;padding:20px;color:#e0eaf4;display:flex;flex-direction:column;gap:12px}.feedback-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-panel h2{margin:0;font-size:18px}.feedback-panel p{font-size:12px;margin:0;color:#aabdd0}.feedback-panel label{font-size:12px;display:flex;flex-direction:column;gap:6px}.feedback-panel select,.feedback-panel textarea{background:#0c1420;color:#e0eaf4;border:1px solid #3a4a60;border-radius:8px;padding:10px;font:inherit}.feedback-panel textarea{min-height:65px;resize:vertical}.feedback-panel canvas{width:100%;height:auto;max-width:100%;touch-action:none;cursor:crosshair;border:1px solid #344a60}.feedback-panel small{font-size:11px;color:#94a9bd}.feedback-list{display:flex;flex-direction:column;gap:10px}.feedback-list article{padding:12px;border:1px solid #344a60;border-radius:8px;overflow-wrap:anywhere}.feedback-list strong{font-size:12px}.feedback-list p{white-space:pre-wrap;margin:8px 0}.feedback-result{width:100%;height:auto}.feedback-download{display:block;padding:12px;color:#65d7fa}.feedback-panel button{font-size:12px}.browser-publisher .feedback-panel{margin:auto}.browser-publisher .feedback-panel button{width:auto;margin:0}.view-switch{flex-wrap:wrap}@media(min-width:900px){.room-focus .stage-heading{position:fixed;top:8px;left:230px;right:65px;height:36px;z-index:15;gap:8px}.room-focus .room-name,.room-focus .connection-label{display:none}.room-focus .stage{padding:4px 6px;gap:0}.room-focus .view-switch{flex-wrap:nowrap}.room-focus .view-switch button{padding:7px 10px}.room-focus .people-toggle{padding:6px 9px}.room-focus .streams{gap:8px}}