:root{color:#153657;background:#b8e6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#bridge-canvas{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(145deg,#effcff 0%,#a9e1fb 46%,#67afe7 100%)}#bridge-canvas{outline:none;display:block;position:fixed;inset:0}#stats-hud{z-index:6;color:#eaf9ff;pointer-events:none;background:#081f2fd1;border:1px solid #a9f4ffb8;border-radius:6px;padding:7px 10px;font:600 12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:12px;left:12px}#stats-hud[hidden]{display:none}.entry-shell{z-index:5;background:radial-gradient(circle at 50% 29%,#fffffff5,#def7ff94 30%,#469cdb57 100%);place-items:center;transition:opacity .65s,visibility .65s;display:grid;position:fixed;inset:0}.entry-shell.is-gone{opacity:0;visibility:hidden;pointer-events:none}.join-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffff8a;border:1px solid #ffffffc2;border-radius:24px;width:min(390px,100vw - 42px);padding:36px;box-shadow:0 24px 70px #14548633,inset 0 1px #ffffffb8}.eyebrow{color:#4187b4;letter-spacing:.15em;font-size:10px;font-weight:750}h1{color:#164b74;letter-spacing:-.045em;margin:9px 0 4px;font-size:42px;font-weight:500}.entry-room{color:#247da8;margin:0 0 4px;font-size:12px;font-weight:750}.join-card p{color:#4a7795;margin:0 0 28px;font-size:15px}.join-card label{text-align:left;color:#41718f;margin:0 0 7px;font-size:12px;font-weight:650;display:block}.join-card input,.join-card button{width:100%;height:48px;font:inherit;border-radius:12px}.join-card input{color:#163f63;background:#ffffffc4;border:1px solid #428ebd47;outline-color:#47c5ed;padding:0 13px}.join-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#43c6ed,#338bd7);border:0;margin-top:12px;font-weight:700;box-shadow:0 8px 19px #2c84c247}.join-card button:disabled{cursor:wait;opacity:.65}.audio-devices{text-align:left}.join-card .audio-devices-toggle{color:#3986af;width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;margin:9px 0 0;padding:0;font-size:12px;font-weight:650}.audio-devices-panel{background:#f8ffff73;border:1px solid #428ebd33;border-radius:11px;gap:9px;margin-top:10px;padding:11px;display:grid}.audio-devices-panel[hidden]{display:none}.audio-device-field label{margin-bottom:4px;font-size:11px}.audio-device-field select{color:#163f63;width:100%;height:34px;font:inherit;background:#fffc;border:1px solid #428ebd42;border-radius:8px;outline-color:#47c5ed;padding:0 8px;font-size:12px}.audio-devices-error{color:#a34444;min-height:0;font-size:11px;line-height:14px}.quality-picker{text-align:left;border:0;margin:15px 0 0;padding:0}.quality-picker legend{color:#41718f;padding:0;font-size:12px;font-weight:650}.quality-options{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px;display:grid}.join-card .quality-option{text-align:center;margin:0;display:block}.quality-option input{opacity:0;width:1px;height:1px;margin:-1px;position:absolute}.quality-option span{color:#4a7795;cursor:pointer;background:#ffffff7a;border:1px solid #428ebd3d;border-radius:9px;place-items:center;height:33px;font-size:11px;font-weight:650;display:grid}.quality-option input:checked+span{color:#1875a2;background:#dcf8ffdb;border-color:#36bce8;box-shadow:inset 0 0 0 1px #47c5ed3d}.quality-option input:focus-visible+span{outline-offset:2px;outline:2px solid #47c5ed}.join-permission{color:#4a7795;min-height:16px;margin-top:7px;font-size:11px}.join-error{color:#b34242;min-height:19px;margin-top:12px;font-size:12px}.join-card .listen-only-button{color:#317da9;box-shadow:none;background:0 0;margin-top:0;font-size:13px}.gatherings{text-align:left;border-top:1px solid #428ebd2e;margin-top:17px;padding-top:13px}.gatherings[hidden]{display:none}.gatherings h2{color:#317da9;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.gatherings-list{gap:7px;max-height:150px;display:grid;overflow-y:auto}.gathering-row{background:#fff6;border:1px solid #428ebd2e;border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:7px 8px;display:grid}.gathering-copy{color:#365f79;min-width:0;font-size:11px;line-height:1.35}.join-card .gathering-action{width:auto;height:28px;box-shadow:none;color:#fff;background:#338bd7e6;border-radius:7px;place-items:center;margin:0;padding:0 8px;font-size:10px;text-decoration:none;display:grid}.hud{z-index:2;color:#16445e;opacity:0;pointer-events:none;max-width:min(410px,100vw - 44px);font-size:12px;transition:opacity .5s,transform .5s;position:fixed;bottom:20px;left:22px;transform:translateY(8px)}.hud.is-visible{opacity:1;transform:none}.hud-status{text-shadow:0 1px #ffffff8c;align-items:center;gap:8px;margin-bottom:9px;font-weight:650;display:flex}.hud-recording{color:#d62f3d;text-shadow:0 1px #fff9;margin:-2px 2px 8px;font-size:11px;font-weight:800}.hud-recording[hidden]{display:none}#status-dot{background:#8ea9b5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff61}#status-dot.connected{background:#36cda8;box-shadow:0 0 10px #36cda8}#participant-count{color:#51839b;margin-left:4px;font-weight:500}.orb-transcript{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f8ffff87;border:1px solid #ffffffad;border-radius:11px;padding:10px 13px;box-shadow:0 6px 24px #1b69931a}.orb-transcript span{color:#398eb9;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.orb-transcript p{max-height:34px;margin:4px 0 0;line-height:17px;overflow:hidden}.hud-error{color:#a8323b;min-height:15px;margin:5px 2px 0;font-weight:650}.hud-hint{color:#3b7695;text-shadow:0 1px #fff9;margin:8px 2px 0;font-size:11px}.host-panel{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;background:#f8ffffc7;border:1px solid #ffffffbf;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 2px 0;padding:7px 9px;display:flex;box-shadow:0 6px 24px #1b699326}.host-panel[hidden]{display:none}.host-badge{letter-spacing:.08em;color:#fff;background:#247da8;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.host-control{color:#16445e;cursor:pointer;background:#e7faffe6;border:1px solid #247da859;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:650;transition:background .16s,transform .16s}.host-control:hover{background:#e0f4ff;transform:translateY(-1px)}.host-control:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.65);transform:none}.host-control.is-recording{color:#b71f2c;background:#ffe4e7f0;border-color:#d62f3d8c}.host-select{color:#16445e;background:#ffffffd9;border:1px solid #247da859;border-radius:8px;max-width:150px;padding:4px 6px;font-size:11px;font-weight:650}.host-status{color:#167cba;font-size:11px;font-weight:650}.host-link-result{flex:100%;gap:6px;display:flex}.host-link-result[hidden],.host-schedule-form[hidden],.host-schedule-result[hidden]{display:none}.host-link-result input,.host-schedule-form input,.host-schedule-form select{color:#16445e;min-width:0;font:inherit;background:#ffffffe6;border:1px solid #247da84d;border-radius:7px;padding:4px 7px;font-size:11px}.host-link-result input{flex:1}.host-schedule-form{flex:100%;grid-template-columns:minmax(110px,1fr) minmax(155px,1fr) auto auto;gap:6px;display:grid}.host-schedule-form .host-control{margin:0}.host-schedule-result{flex:100%;gap:9px;font-size:11px;font-weight:650;display:flex}.host-schedule-result a{color:#167cba}.mic-toggle{z-index:3;color:#167c75;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f8ffffb8;border:1px solid #ffffffc7;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;line-height:1;transition:transform .16s,background .16s,color .16s;display:grid;position:fixed;bottom:20px;right:22px;box-shadow:0 6px 24px #1b699326,inset 0 1px #fffc}.mic-toggle[hidden]{display:none}.mic-toggle:hover{transform:translateY(-1px)}.mic-toggle:focus-visible{outline-offset:3px;outline:2px solid #47c5ed}.mic-toggle.is-muted{color:#bb4048;background:#fff0f0cc}.mic-toggle:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.65)}.screen-toggle{z-index:3;color:#247da8;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f8ffffb8;border:1px solid #ffffffc7;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;line-height:1;transition:transform .16s,background .16s,color .16s;display:grid;position:fixed;bottom:20px;right:72px;box-shadow:0 6px 24px #1b699326,inset 0 1px #fffc}.screen-toggle[hidden]{display:none}.screen-toggle:hover{transform:translateY(-1px)}.screen-toggle:focus-visible{outline-offset:3px;outline:2px solid #47c5ed}.screen-toggle.is-sharing{color:#167cba;background:#e7faffe0}.screen-toggle:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.65)}.panel-toggle{z-index:3;color:#247da8;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f8ffffb8;border:1px solid #ffffffc7;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;line-height:1;transition:transform .16s,background .16s,color .16s;display:grid;position:fixed;bottom:20px;right:124px;box-shadow:0 6px 24px #1b699326,inset 0 1px #fffc}.panel-toggle[hidden]{display:none}.panel-toggle:hover{transform:translateY(-1px)}.panel-toggle:focus-visible{outline-offset:3px;outline:2px solid #47c5ed}.panel-toggle.is-open{color:#167cba;background:#e7faffeb}.panel-menu{z-index:4;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#f8ffffe6;border:1px solid #ffffffc7;border-radius:14px;gap:8px;width:min(300px,100vw - 40px);padding:12px;display:grid;position:fixed;bottom:72px;right:124px;box-shadow:0 10px 34px #1b699338}.panel-menu[hidden]{display:none}.panel-menu-title{color:#317da9;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.panel-menu-row{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.panel-menu .host-control{text-align:center;width:100%}.panel-markdown-text{resize:vertical;color:#163f63;background:#ffffffd1;border:1px solid #428ebd47;border-radius:9px;outline-color:#47c5ed;width:100%;min-height:74px;padding:8px 10px;font:12px/1.5 ui-monospace,SF Mono,Menlo,monospace}.panel-menu-error{color:#a34444;min-height:14px;font-size:11px}@media (width<=600px){.join-card{padding:28px 23px}.hud{bottom:13px;left:14px}.hud-hint{display:none}.host-schedule-form{grid-template-columns:1fr 1fr}.mic-toggle{bottom:13px;right:14px}.screen-toggle{bottom:13px;right:64px}.panel-toggle{bottom:13px;right:116px}.panel-menu{bottom:65px;right:116px}}