:root{--text:#4a5160;--text-h:#111827;--bg:#f4f6f8;--card:#fff;--border:#d6dbe1;--accent:#0b7a78;--on-accent:#fff;--error:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b4bcc8;--text-h:#f3f4f6;--bg:#111418;--card:#1a1f25;--border:#2c333c;--accent:#3ec2bc;--on-accent:#06201f;--error:#f0806b}}*{box-sizing:border-box}body{margin:0}label{flex-direction:column;gap:6px;font-size:14px;display:flex}input:not([type=checkbox],[type=radio]),select{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 11px}small{opacity:.8;font-size:12px}.primary{font:inherit;color:var(--on-accent);background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}.primary:disabled{opacity:.6;cursor:default}.check-row{color:var(--text-h);cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px}.check-row input{accent-color:var(--accent);margin:3px 0 0}.check-row span{flex-direction:column;gap:2px;display:flex}.section-title,.settings legend{letter-spacing:.05em;text-transform:uppercase;width:100%;color:var(--accent);margin:0;padding:0;font-size:12px;font-weight:600}.join{place-items:center;min-height:100dvh;padding:16px;display:grid}.join-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:min(400px,100%);padding:24px;display:flex}.join-card h1{color:var(--text-h);margin:0 0 4px;font-size:22px}.settings{border:1px solid var(--border);border-radius:8px;padding:10px 14px}.settings summary{cursor:pointer;color:var(--text-h);font-size:14px;font-weight:600}.settings fieldset{border:0;border-top:1px solid var(--border);flex-direction:column;gap:10px;margin:0;padding:10px 0;display:flex}.settings legend{float:left}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:13px}.error{color:var(--error);margin:0;font-size:14px}.call-screen{--bg:#0e1116;--card:#1a1f27;--card-2:#242a34;--border:#323a47;--text-h:#e8ecf1;--text:#9aa4b2;--accent:#3ec2bc;--on-accent:#06201f;--danger:#e5484d;height:100dvh;color:var(--text-h);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:relative;overflow:hidden}.panel,.menu,.dialog{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000073}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.call-stage{place-items:center;display:grid;position:absolute;inset:0}.remote-video{object-fit:contain;background:#000;width:100%;height:100%}.call-waiting{color:var(--text);margin:0}.name-tag{background:#0000008c;border-radius:6px;padding:3px 8px;font-size:12px}.stage-name{position:absolute;bottom:96px;left:16px}.self-view{aspect-ratio:16/9;place-items:center;width:min(220px,32vw);display:grid;position:absolute;bottom:96px;right:16px;overflow:hidden}.self-view .name-tag{position:absolute;bottom:8px;left:8px}.self-video{object-fit:cover;width:100%;height:100%}.avatar{color:#fff;background:#8a3f6f;border-radius:50%;place-items:center;width:56px;height:56px;font-size:20px;font-weight:600;display:grid}.avatar-large{width:120px;height:120px;font-size:42px}.call-banners{flex-direction:column;gap:8px;width:min(520px,100% - 32px);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.banner{text-align:center;background:var(--card-2);border:1px solid var(--border);border-radius:10px;margin:0;padding:10px 14px;font-size:14px}.banner-warn{background:#3a2a14;border-color:#8a5a1c}.toolbar{z-index:2;border-radius:16px;gap:10px;padding:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tool-group{display:flex;position:relative}.tool{width:48px;height:48px;color:var(--text-h);background:var(--card-2);cursor:pointer;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.tool:hover:not(:disabled){filter:brightness(1.25)}.tool:disabled{opacity:.4;cursor:default}.tool-group .tool:first-child:not(:only-child){border-radius:12px 0 0 12px}.tool-caret{width:28px;color:var(--text);border-radius:0 12px 12px 0}.tool-off{color:#ff8a8d;background:#3a2427}.tool-hangup{color:#fff;background:var(--danger);width:60px}.menu-backdrop{z-index:1;position:fixed;inset:0}.menu{z-index:3;min-width:260px;max-height:min(70dvh,520px);padding:6px;position:absolute;bottom:calc(100% + 12px);left:0;overflow-y:auto}.menu-more{left:auto;right:0}.menu-camera{width:280px}.menu hr{border:0;border-top:1px solid var(--border);margin:6px 0}.menu-heading{color:var(--text);align-items:center;gap:10px;margin:0;padding:8px 10px 4px;font-size:13px;font-weight:600;display:flex}.menu-note{color:var(--text);margin:0;padding:6px 10px 8px 36px;font-size:13px}.menu-option,.menu-item,.menu .check-row{width:100%;font:inherit;text-align:left;color:var(--text-h);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:row;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.menu-option:hover,.menu-item:hover,.menu .check-row:hover{background:var(--card-2)}.menu-option.selected{background:#20323a}.menu-check{width:16px;color:var(--accent);place-items:center;display:grid}.menu .check-row input{margin:0}.menu-item input{accent-color:var(--accent)}.grow{flex:1}.camera-option{width:100%;min-height:44px;font:inherit;color:var(--text-h);background:var(--card-2);cursor:pointer;border:2px solid #0000;border-radius:10px;margin-bottom:6px;padding:0;display:block;position:relative;overflow:hidden}.camera-option.selected{border-color:var(--accent)}.camera-preview{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.camera-name{background:#0009;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:600;position:absolute;bottom:8px;left:8px}.camera-option:not(:has(video)) .camera-name{text-align:left;background:0 0;padding:10px 12px;display:block;position:static}.dialog{width:min(460px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text-h);padding:0}.dialog::backdrop{background:#0000008c}.dialog-header{justify-content:space-between;align-items:center;padding:16px 16px 8px 20px;display:flex}.dialog-header h2{margin:0;font-size:18px}.icon-button{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--text-h);background:var(--card-2)}.dialog-body{flex-direction:column;gap:12px;padding:4px 20px 20px;font-size:14px;display:flex}.dialog-body label{color:var(--text)}.dialog-body .check-row{color:var(--text-h);border-radius:10px;padding:8px}.dialog-body .check-row:hover{background:var(--card-2)}.dialog-note{color:var(--text);margin:0}.facts{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;display:grid}.facts dt{color:var(--text)}.facts dd{margin:0}.stats-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:6px}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 0}.stats-table th{width:45%;color:var(--text);font-weight:400}.inline-field{gap:8px;display:flex}.inline-field input{flex:1;min-width:0}.call-message{place-items:center;padding:16px;display:grid}.call-card{text-align:center;width:min(420px,100%);padding:24px}.call-card h2{margin:0 0 8px;font-size:20px}.call-card p{color:var(--text);margin:0 0 20px}@media (width<=600px){.toolbar{bottom:max(12px, env(safe-area-inset-bottom));gap:6px;padding:6px}.tool{width:44px;height:44px}.tool-caret{width:24px}.self-view{aspect-ratio:3/4;width:110px;bottom:84px;right:12px}.stage-name{bottom:84px}.menu{width:auto;min-width:0;position:fixed;bottom:76px;left:12px;right:12px}}