:root{--bg: #000;--panel: #111;--lift: #1b1b1b;--lift-2: #242424;--text: #eee;--muted: #777;--line: #1f1f1f;--red: #e31937;--font: "Montserrat", sans-serif;--bar-h: 120px;--rail-w: 280px;--touch: 72px;--gap: 16px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:var(--bg);color:var(--text);font:500 18px/1.35 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button,input{font:inherit;color:inherit;border:0;outline:none;background:none}button{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.view{width:100%;height:100%;overflow:hidden}.view[hidden]{display:none!important}.view-join{display:grid;place-items:center}.join{width:min(520px,calc(100% - 4rem));display:grid;gap:18px}.join h1{margin:0 0 4px;font-size:48px;font-weight:600;letter-spacing:-.04em;text-align:center}.top-actions{position:fixed;top:22px;right:28px;z-index:50;display:flex;align-items:flex-start;gap:10px}.lang-dropdown{position:relative;top:auto;right:auto;width:188px}.logout-btn{width:52px;height:52px;padding:0;border-radius:12px;background:#1b1b1bf0;border:1px solid var(--line);color:#ddd;display:grid;place-items:center;flex-shrink:0}.logout-btn svg{width:22px;height:22px;display:block}.logout-btn:hover{background:#222;color:#fff}.logout-btn:active{opacity:.9}.logout-btn[hidden]{display:none!important}.lang-dropdown__trigger{width:100%;height:52px;padding:0 14px;border-radius:12px;background:#1b1b1bf0;border:1px solid var(--line);color:var(--text);display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.lang-dropdown__trigger:hover{background:#222}.lang-dropdown.is-open .lang-dropdown__trigger{border-color:#fff3;background:#222}.lang-dropdown__flag{width:28px;height:20px;border-radius:3px;object-fit:cover;flex-shrink:0;background:#333;display:block}.lang-dropdown__label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-dropdown__menu{list-style:none;margin:8px 0 0;padding:6px;border-radius:12px;background:#171717;border:1px solid var(--line);box-shadow:0 12px 32px #00000073;display:none;width:100%}.lang-dropdown.is-open .lang-dropdown__menu{display:grid;gap:3px}.lang-dropdown__option{width:100%;height:48px;padding:0 14px 0 12px;border-radius:10px;display:flex;align-items:center;gap:12px;color:#cfcfcf;font-size:16px;font-weight:500;text-align:left;white-space:nowrap}.lang-dropdown__option:hover{background:#242424;color:#fff}.lang-dropdown__option.is-active{background:#2a2a2a;color:#fff}.join input{height:72px;padding:0 22px;border-radius:14px;background:var(--lift);font-size:22px}.join>button[type=submit]{height:72px;border-radius:14px;background:var(--lift-2);font-size:22px;font-weight:600}.join>button[type=submit]:active,.circle:active,.hold:active{opacity:.9}.error{margin:0;color:#ff6b73;font-size:16px}.view-lobby{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--bar-h);grid-template-areas:"people main" "bar bar";overflow:hidden}.people{grid-area:people;display:flex;flex-direction:column;gap:10px;min-height:0;padding:28px 18px;background:var(--panel);border-right:1px solid var(--line);overflow:hidden}.people header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 14px;flex-shrink:0}.people strong{font-size:18px;letter-spacing:-.02em}.online-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#242424;border:1px solid var(--line);color:#cfcfcf;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}#participant-list{list-style:none;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.participant{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:0 18px;border-radius:999px;color:#bdbdbd;font-size:18px;transition:background .2s ease,color .2s ease,border-color .2s ease;border:1px solid transparent}.participant.is-self{background:var(--lift-2);color:var(--text)}.participant.is-speaking{color:#f2f7ff;background:#1a3a5c;border-color:#3b82c4}.participant.is-self.is-speaking{background:#1a3a5c;color:#f2f7ff}.video-tile.is-speaking{outline:2px solid #3b82c4;outline-offset:-2px}.participant__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant__flags{display:flex;gap:6px;color:var(--muted);flex-shrink:0}.participant__flags svg{width:18px;height:18px;display:block}.flag--hot{color:#ff6b73}.main{grid-area:main;position:relative;min-width:0;min-height:0;overflow:hidden;background:#050505}.videos{height:100%;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--gap);padding:20px;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.video-tile{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:14px;background:#0a0a0a}.video-tile video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-tile video.remote{transform:none}.video-tile__label{position:absolute;left:14px;bottom:14px;font-size:16px;font-weight:600;color:#ddd}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#444;font-size:22px;pointer-events:none}.empty[hidden]{display:none!important}.bar{grid-area:bar;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 32px;border-top:1px solid var(--line);background:#0a0a0a;overflow:hidden}.circle{position:relative;width:var(--touch);height:var(--touch);border-radius:50%;display:grid;place-items:center;color:#cfcfcf;background:var(--lift);flex-shrink:0}.circle svg{width:28px;height:28px;grid-area:1 / 1}#btn-mute .icon-mic-off,#btn-mute.is-muted .icon-mic{display:none}#btn-mute.is-muted .icon-mic-off{display:block}.circle[aria-pressed=true]{background:var(--lift-2);color:#fff}.circle.is-muted[aria-pressed=true]{background:#e319372e;color:#ff6b73}.hold{min-width:320px;height:var(--touch);padding:0 40px;border-radius:999px;background:var(--lift);color:#999;font-size:22px;font-weight:600;flex-shrink:0}.hold:disabled{opacity:.35;cursor:default}.hold.is-armed{color:#eee;background:var(--lift-2)}.hold.is-talking{color:#fff;background:var(--red)}@media(max-width:1400px){:root{--rail-w: 220px;--bar-h: 96px;--touch: 60px}html,body{font-size:16px}.join{width:min(400px,calc(100% - 2rem))}.join h1{font-size:36px}.join input,.join button{height:60px;font-size:18px}.videos{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:14px}.hold{min-width:240px;font-size:18px}}@media(max-width:900px){.view-lobby{grid-template-columns:minmax(0,1fr);grid-template-rows:72px minmax(0,1fr) var(--bar-h);grid-template-areas:"people" "main" "bar"}.people{border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}.people header{display:none}#participant-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.participant{flex:0 0 auto;max-width:180px;min-height:48px}}