:root{--bg:#010101;--surface:#1e1e1e;--border:hsla(0,0%,100%,.08);--text:#f4f4f5;--muted:#a1a1aa;--accent:#10b981;--accent-hover:#34d399;--radius:4px}body,html{background:var(--bg);margin:0;max-width:100%;overflow-x:clip;width:100%}.app{background:radial-gradient(120% 80% at 50% -20%,rgba(16,185,129,.18),transparent),var(--bg);border-radius:var(--radius);box-sizing:border-box;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:none;min-height:100dvh;padding:clamp(10px,1.75vw,22px) clamp(20px,3.5vw,40px) clamp(20px,3.5vw,40px);width:100%}@media(max-width:639px){.app{padding:6px 10px 10px}}.main{margin:0;max-width:none;width:100%}.main,.videos{border-radius:var(--radius)}.videos{display:flex;flex-direction:column;gap:6px}.videos-stage{background:#000;border-radius:var(--radius);overflow:hidden;position:relative}@media(max-width:639px){.videos{max-width:100%}.videos,.videos-stage{margin-inline:0;width:100%}.videos-stage{aspect-ratio:unset;border-radius:var(--radius);box-sizing:border-box;height:70vh;max-height:70vh;min-height:0}.videos-stage .video-card.remote{aspect-ratio:unset;border:none;border-radius:0;box-shadow:none;height:100%;inset:0;outline:none;position:absolute;width:100%;z-index:1}.videos-stage .video-card.local{aspect-ratio:9/16;border:1px solid hsla(0,0%,100%,.22);border-radius:var(--radius);bottom:10px;box-shadow:0 6px 24px #00000080;box-sizing:border-box;overflow:hidden;position:absolute;right:10px;width:min(32vw,118px);z-index:2}.videos-stage .video-card.local .label{bottom:8px;font-size:.65rem;left:8px}.videos.videos--local-left .videos-stage .video-card.local{aspect-ratio:unset;border:none;border-radius:0;box-shadow:none;height:100%;inset:0;outline:none;position:absolute;width:100%;z-index:1}.videos.videos--local-left .videos-stage .video-card.remote{aspect-ratio:9/16;border:1px solid hsla(0,0%,100%,.22);border-radius:var(--radius);box-shadow:0 6px 24px #00000080;box-sizing:border-box;height:auto;inset:auto 10px 10px auto;overflow:hidden;position:absolute;width:min(32vw,118px);z-index:2}.videos.videos--local-left .videos-stage .video-card.remote .label{bottom:8px;font-size:.65rem;left:8px}}@media(min-width:640px){.videos{align-items:start;display:grid;gap:10px;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto}.videos-stage{aspect-ratio:unset;background:transparent;border-radius:0;display:contents;margin-inline:0;overflow:visible;width:auto}.videos-stage .video-card.remote{align-self:start;aspect-ratio:16/10;border-radius:var(--radius);grid-column:1;grid-row:1/span 2;height:auto;inset:auto;max-height:70vh;position:relative;width:auto}.videos-stage .video-card.local{aspect-ratio:16/10;border:none;border-radius:var(--radius);box-shadow:none;grid-column:2;grid-row:1;inset:auto;position:relative;width:auto;z-index:auto}.videos-stage .video-card.local .label{bottom:12px;font-size:.75rem;left:12px}.local-stack{grid-column:2;grid-row:2}.videos.videos--local-left{grid-template-columns:1fr 1.2fr}.videos.videos--local-left .videos-stage .video-card.remote{grid-column:2;grid-row:1/span 2}.videos.videos--local-left .videos-stage .video-card.local{grid-column:1;grid-row:1}.videos.videos--local-left .local-stack{grid-column:1;grid-row:2}}.local-stack{display:flex;flex-direction:column;gap:10px;min-width:0}.actions--under-meter,.local-stack{border-radius:var(--radius);width:100%}.actions--under-meter{align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:stretch;margin-top:8px}.mic-meter{border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;width:100%}.mic-meter-inner{align-items:center;display:flex;flex-direction:row;gap:10px;min-width:0;width:100%}.mic-meter-symbol{align-items:center;display:flex;flex-shrink:0;justify-content:center}.mic-meter-pegel{display:flex;flex:1 1 0;flex-direction:column;gap:6px;min-width:0}.mic-meter-caption{color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mic-meter-track{background:#ffffff12;border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;height:10px;overflow:hidden;width:100%}.mic-meter-fill{background:linear-gradient(90deg,#22c55e,#eab308 55%,#ef4444);border-radius:inherit;height:100%;transform:scaleX(0);transform-origin:left center;width:100%;will-change:transform}.btn-mute-icon{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background .2s ease,color .2s ease,border-color .2s ease;width:32px}.btn-mute-icon__svg{height:18px;width:18px}.btn-mute-icon:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff24}.btn-mute-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-mute-icon:disabled{cursor:not-allowed;opacity:.4}.btn-mute-icon--muted{background:#ef444438;border-color:#f87171a6;color:#fecaca}.btn-mute-icon--muted:hover:not(:disabled){background:#ef444452;border-color:#fca5a5d9;color:#fff}.videos-stage-layout-switch{display:none}@media(max-width:639px){.videos-stage-layout-switch{align-items:center;background:#00000040;border:none;border-radius:var(--radius);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:10px;margin:0;padding:0;position:absolute;top:10px;width:40px;z-index:5;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(0,0,0,.35));transition:background .2s ease,transform .15s ease}.videos-stage-layout-switch:hover{background:#0006}.videos-stage-layout-switch:active{transform:scale(.96)}.videos-stage-layout-switch:focus-visible{outline:2px solid #fff;outline-offset:2px}.videos-stage-layout-switch__icon{height:24px;width:24px}.actions--under-meter .btn-layout-swap-desktop{display:none}}@media(min-width:640px){.videos-stage-layout-switch{display:none!important}}.video-card{aspect-ratio:16/10;background:var(--surface);border:none;border-radius:var(--radius);overflow:hidden;position:relative}.video-card.local{aspect-ratio:4/3}@media(min-width:640px){.video-card.local{aspect-ratio:16/10}}.video{background:#000;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video.mirror{transform:scaleX(-1)}.label{bottom:12px;color:#ffffffd9;font-size:.75rem;font-weight:600;left:12px;letter-spacing:.06em;position:absolute;text-shadow:0 1px 4px rgba(0,0,0,.8);text-transform:uppercase}.status{color:var(--muted);font-size:.9rem;margin:20px 0 16px;min-height:1.4em;text-align:center}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-size:.95rem;padding:12px 28px;transition:background .2s ease,transform .15s ease,opacity .2s}.actions--under-meter .btn,.btn{border-radius:var(--radius);font-weight:600}.actions--under-meter .btn{box-sizing:border-box;flex:1 1 0;font-size:.78rem;letter-spacing:.02em;min-width:0;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap;width:auto}.actions--under-meter .btn.primary{box-shadow:inset 0 1px #ffffff1f,0 4px 14px #10b98159;flex:1.15 1 0}.actions--under-meter .btn.ghost{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d}.actions--under-meter .btn.ghost:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff24}.actions--under-meter .btn.ghost[aria-pressed=true]{background:#10b98133;border-color:#34d39973;color:#a7f3d0}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.45}.btn.primary{background:var(--accent);color:#000}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.primary:active:not(:disabled){transform:scale(.98)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.ghost:hover:not(:disabled){background:#ffffff0f}.brand-header{margin-bottom:clamp(16px,3vw,24px);text-align:center}.brand-header__logo-row{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem .6rem;justify-content:center}.brand-header__link{display:inline-block;line-height:0}.brand-header__alpha{color:var(--accent);font-size:.9375rem;font-weight:600;letter-spacing:.04em;line-height:1}.brand-header__logo{display:block;height:auto;margin-left:auto;margin-right:auto;max-height:30px;width:auto}.brand-header__tagline{color:var(--muted);font-size:.75rem;line-height:1.35;margin:.15rem auto 0;max-width:22rem}.site-footer{border-radius:var(--radius);border-top:1px solid var(--border);margin-top:28px;padding-top:16px}.site-footer__nav{align-items:center;display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.35rem .65rem;justify-content:center;margin-bottom:12px}.site-footer__nav a{color:var(--muted);text-decoration:none}.site-footer__nav a:hover{color:var(--text);text-decoration:underline}.site-footer__sep{color:var(--muted);opacity:.45;-webkit-user-select:none;-moz-user-select:none;user-select:none}.build-footer{border:none;color:var(--muted);font-size:.7rem;letter-spacing:.04em;margin:0;padding:0;text-align:center;-webkit-user-select:text;-moz-user-select:text;user-select:text}