:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0;padding:1.5rem;overflow-x:hidden}.app{max-width:48rem;margin:0 auto}.subtitle{color:#666;font-size:.9rem}.stage{aspect-ratio:16/9;background:#000;width:100vw;max-height:85vh;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%;overflow:hidden}.stage--fullscreen{aspect-ratio:auto;z-index:10;border-radius:0;width:100vw;height:100dvh;max-height:none;margin:0;position:fixed;inset:0}.stage__remote{position:absolute;inset:0}.stage__self{aspect-ratio:4/3;background:#111;border:1px solid #ffffff59;border-radius:.4rem;width:28%;max-width:12rem;position:absolute;top:.5rem;right:.5rem;overflow:hidden;box-shadow:0 1px 6px #0006}.stage__self-label{color:#fff;background:#00000080;border-radius:.25rem;padding:.05rem .3rem;font-size:.7rem;position:absolute;bottom:.25rem;left:.3rem}@media (width<=40rem){.stage__self{width:34%}}.video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.video--local{transform:scaleX(-1)}.placeholder{color:#eee;text-align:center;background:#1b1b1b;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem;display:flex;position:absolute;inset:0}.placeholder__name{overflow-wrap:anywhere;font-size:1.2rem;font-weight:600}.placeholder__hint{color:#aaa;font-size:.8rem}.placeholder--self .placeholder__hint{font-size:.7rem}.badge{color:#fff;pointer-events:none;border-radius:.3rem;padding:.2rem .5rem;font-size:.75rem;position:absolute}.badge--muted{background:#b02a37d9;bottom:.5rem;left:.5rem}.badge--conn{background:#0000008c;top:.5rem;left:.5rem}.badge--conn-ok{background:#157347d9}.badge--conn-warn{background:#b47800e6}.badge--sharing{text-align:center;background:#0d6efde6;max-width:calc(100% - 1rem);font-weight:600;top:.5rem;left:50%;transform:translate(-50%)}.badge--relay{background:#5b2d8ee6;top:2.4rem;left:.5rem}.badge--relay-top{top:.5rem}.enc-indicator{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#157347d9;border-radius:.3rem;max-width:calc(100% - 1rem);padding:.2rem .5rem;font-size:.72rem;line-height:1.2;text-decoration:none;position:absolute;bottom:2.4rem;left:.5rem;overflow:hidden}.enc-indicator:hover,.enc-indicator:focus-visible{text-decoration:underline}.identity-toggle{color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff4d;border-radius:.3rem;padding:.2rem .5rem;font-size:.72rem;position:absolute;bottom:4.2rem;left:.5rem}.identity-toggle:hover,.identity-toggle:focus-visible{background:#2d2d2dd9}.identity-panel .identity-toggle{margin-top:.2rem;position:static}.identity-panel{color:#fff;background:#000000e0;border:1px solid #ffffff40;border-radius:.4rem;width:20rem;max-width:calc(100% - 1rem);max-height:60vh;padding:.6rem .75rem;position:absolute;bottom:4.2rem;left:.5rem;overflow-y:auto;box-shadow:0 2px 10px #00000080}.identity-panel__title{text-transform:uppercase;letter-spacing:.05em;color:#bbb;margin:0 0 .3rem;font-size:.7rem}.identity-panel__code{letter-spacing:.06em;overflow-wrap:break-word;margin:0 0 .5rem;font-family:ui-monospace,monospace;font-size:1.2rem;font-weight:600;line-height:1.5}.identity-panel__instr{margin:0 0 .4rem;font-size:.8rem;line-height:1.35}.identity-panel__warn{color:#f0c674;margin:0 0 .5rem;font-size:.75rem;line-height:1.35}.controls-overlay{background:linear-gradient(#0000,#0009);justify-content:center;padding:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.controls{flex-wrap:wrap;gap:.5rem;width:100%;max-width:40rem;display:flex}.ctrl{color:#fff;cursor:pointer;background:#1e1e1ed9;border:1px solid #ffffff4d;border-radius:.4rem;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;display:inline-flex}.ctrl:hover{background:#373737e6}.ctrl__icon{width:1.5rem;height:1.5rem;display:block}.ctrl:disabled{opacity:.5;cursor:not-allowed}.ctrl--off{color:#fff;background:#b02a37;border-color:#b02a37}.ctrl--off:hover{background:#9a2530}.ctrl--on{color:#fff;background:#0d6efd;border-color:#0d6efd}.ctrl--on:hover{background:#0b5ed7}.ctrl--danger{color:#fff;background:#b02a37;border-color:#b02a37;margin-left:auto}.ctrl--danger:hover{background:#9a2530}.ctrl--chat{position:relative}.ctrl__badge{box-sizing:border-box;color:#fff;background:#b02a37;border-radius:.6rem;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-.35rem;right:-.35rem}.chat-panel{color:#fff;z-index:12;background:#141414f0;border-left:1px solid #fff3;flex-direction:column;width:min(21rem,100% - 1rem);display:flex;position:absolute;top:0;bottom:4.5rem;right:0;box-shadow:-2px 0 12px #00000080}@media (width<=40rem){.chat-panel{width:calc(100% - .5rem);bottom:8rem}}.chat-panel__head{border-bottom:1px solid #ffffff26;flex:none;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.chat-panel__title{text-transform:uppercase;letter-spacing:.05em;color:#ddd;font-size:.85rem;font-weight:600}.chat-panel__close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:1.3rem;line-height:1}.chat-panel__close:hover,.chat-panel__close:focus-visible{color:#ff8a95}.chat-panel__list{flex-direction:column;flex:auto;gap:.5rem;padding:.6rem .75rem;display:flex;overflow-y:auto}.chat-panel__empty{color:#aaa;text-align:center;margin:auto 0;font-size:.8rem;line-height:1.4}.chat-msg{flex-direction:column;align-self:flex-start;gap:.15rem;max-width:85%;display:flex}.chat-msg--mine{align-self:flex-end}.chat-msg__meta{color:#9aa;font-size:.68rem}.chat-msg__text{overflow-wrap:anywhere;white-space:pre-wrap;background:#ffffff1f;border-radius:.5rem;padding:.35rem .55rem;font-size:.9rem;line-height:1.35}.chat-msg--mine .chat-msg__text{background:#0d6efd}.chat-panel__form{border-top:1px solid #ffffff26;flex:none;gap:.4rem;padding:.6rem .75rem;display:flex}.chat-panel__input{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.4rem;flex:auto;min-width:0;padding:.5rem .6rem;font-size:.9rem}.chat-panel__input::placeholder{color:#999}.chat-panel__input:disabled{opacity:.5;cursor:not-allowed}.chat-panel__send{flex:none;margin:0;padding:.5rem .8rem;font-size:.9rem}.chat-panel__send:disabled{opacity:.5;cursor:not-allowed}.btn{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:.4rem;margin-top:1rem;padding:.6rem 1.2rem;font-size:1rem}.btn:hover{background:#0b5ed7}.btn--link{color:#0d6efd;font-size:inherit;background:0 0;margin:0;padding:0;text-decoration:underline}.btn--link:hover{background:0 0}.btn--secondary{background:#6c757d}.btn--secondary:hover{background:#5c636a}.waiting__title{margin:0 0 .5rem;font-size:1.1rem}.waiting{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.waiting__item{border:1px solid #888;border-radius:.4rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.waiting__name{overflow-wrap:anywhere;min-width:0;font-weight:600}.waiting__actions{gap:.5rem;display:flex}.waiting__actions .btn{margin:0}.field{margin:.75rem 0;display:block}.field__label{color:#666;margin-bottom:.25rem;font-size:.85rem;display:block}.field__input{box-sizing:border-box;width:100%;color:inherit;background:#7f7f7f14;border:1px solid #888;border-radius:.4rem;padding:.5rem .6rem;font-size:1rem}.status{margin-top:1rem;font-size:1rem}.status--ok{color:#157347}.status--error{color:#b02a37}.notice{border:1px solid #888;border-radius:.5rem;margin-top:1rem;padding:1rem}.notice--info{border-color:#0d6efd}.notice--warn{border-color:#b47800}.notice__hint{color:#666;font-size:.85rem}.notice__relay{border-left:4px solid #b47800;padding-left:.6rem;font-size:.9rem}.security-blurb{margin-top:.75rem}.security-page h2{margin:0 0 .5rem;font-size:1.05rem}.security-page ul{margin:.5rem 0;padding-left:1.25rem}.security-page li{margin-bottom:.35rem}.notice code{background:#7f7f7f33;border-radius:.25rem;padding:.1rem .3rem}.share{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.share__input{min-width:0;color:inherit;background:#7f7f7f14;border:1px solid #888;border-radius:.4rem;flex:16rem;padding:.5rem .6rem;font-family:ui-monospace,monospace;font-size:.95rem}.share .btn{margin:0}.share__hint{color:#157347;flex-basis:100%;font-size:.85rem}