:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#17243a;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f7f9fc}.landing-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.theme-toggle{white-space:nowrap;font-size:12px;padding:8px 11px}button{background:#fff;color:#26364d;border-color:#ccd6e5}button:hover{background:#edf3fb}input,select{background:#fff;color:#17243a;border-color:#cbd6e5}small{color:#687993}p{color:#5c6e87}.brand{color:#4c76bd}.brand b{color:#1a2f50}.brand span{color:#71819a}.landing{background:radial-gradient(ellipse at 80% 25%,#dceaff,transparent 56%)}.eyebrow{color:#527ab8}.entry label{color:#50627d}.primary{background:#366fd2;color:#fff}.primary:hover{background:#285fbf}.landing footer{color:#8291a6}header{background:#fff;border-color:#dfe6ef}.team{background:#fff;border-color:#cbd8ea;box-shadow:0 7px 22px #17345b0a}.team-B{border-color:#ead8c8}.team-heading{background:#edf5ff;border-color:#d7e4f5}.team-B .team-heading{background:#fff3e8;border-color:#f0dfd1}.team-mark{color:#316ac2;border-color:#83a9e2}.team-B .team-mark{color:#b4672d;border-color:#d99563}.avatar{background:#dce9fa;color:#315b96}.team-B .avatar{background:#f8e1ce;color:#985221}.member em{background:#e7edf5}.member>span{color:#7b8da6}.waiting{border-color:#cbd7e5}.waiting h3{color:#445977}.muted,.voice-note{color:#71829a}.chat{background:#fff;border-color:#dfe6ef}.chat-header{border-color:#e0e7f0}.tabs{background:#edf2f8}.tabs .active{background:#dbe9ff;color:#295caa}.message b{color:#416fae}.message time{color:#8291a5}.message p{color:#344963}.controls{background:#fff;border-color:#dfe6ef}.control-buttons .on,#chat-form button{background:#366fd2;color:#fff}.control-buttons .off{color:#b34c4a}:root[data-theme=dark]{color:#e9edf4;background:#10141c}:root[data-theme=dark] body{background:#10141c}:root[data-theme=dark] button{background:#232b38;color:#e7ebf3;border-color:#343d4d}:root[data-theme=dark] button:hover{background:#354053}:root[data-theme=dark] input,:root[data-theme=dark] select{background:#151b25;color:#e9edf4;border-color:#343c4c}:root[data-theme=dark] small{color:#8995a8}:root[data-theme=dark] p{color:#a2adbf}:root[data-theme=dark] .brand{color:#a2c0ff}:root[data-theme=dark] .brand b{color:#edf1f9}:root[data-theme=dark] .brand span{color:#8894a8}:root[data-theme=dark] .landing{background:radial-gradient(ellipse at 80% 30%,#23345070,transparent 55%)}:root[data-theme=dark] .eyebrow{color:#95b3ec}:root[data-theme=dark] .entry label{color:#acb7c9}:root[data-theme=dark] .primary,:root[data-theme=dark] .control-buttons .on,:root[data-theme=dark] #chat-form button{background:#a9c4ff;color:#14223d}:root[data-theme=dark] .primary:hover{background:#c5d7ff}:root[data-theme=dark] header{background:transparent;border-color:#28313e}:root[data-theme=dark] .team{background:#171e29;border-color:#334156;box-shadow:none}:root[data-theme=dark] .team-B{border-color:#554336}:root[data-theme=dark] .team-heading{background:#1c293d;border-color:#2b384b}:root[data-theme=dark] .team-B .team-heading{background:#30271f;border-color:#463b30}:root[data-theme=dark] .team-mark{color:#a9c8ff;border-color:#5e83bd}:root[data-theme=dark] .team-B .team-mark{color:#f1c298;border-color:#a47751}:root[data-theme=dark] .avatar{background:#354258;color:#c5d6f5}:root[data-theme=dark] .team-B .avatar{background:#4b3c30;color:#f0ceb0}:root[data-theme=dark] .member em{background:#343d4e}:root[data-theme=dark] .chat{background:#131923;border-color:#28313e}:root[data-theme=dark] .chat-header{border-color:#28313e}:root[data-theme=dark] .tabs{background:#0e141e}:root[data-theme=dark] .tabs .active{background:#2c3a50;color:#c4d7fc}:root[data-theme=dark] .message p{color:#d0d8e5}:root[data-theme=dark] .controls{background:#19212d;border-color:#303a4a}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #343d4d;background:#232b38;color:#e7ebf3;border-radius:9px;padding:10px 15px;transition:background .15s}button:hover{background:#354053}button:disabled{opacity:.45;cursor:default}a{color:#8dafed;text-decoration:none}input,select{background:#151b25;color:#e9edf4;border:1px solid #343c4c;border-radius:8px;padding:13px;min-width:0}input:focus{border-color:#90b2fa}small{font-size:12px;color:#8995a8}p{line-height:1.8;color:#a2adbf}.brand{display:flex;align-items:center;gap:10px;color:#a2c0ff;font-size:26px}.brand b{color:#edf1f9;font-size:21px;letter-spacing:3px}.brand span{font-size:13px;color:#8894a8;margin-left:18px;letter-spacing:1px}.landing{min-height:100dvh;padding:36px 6vw;background:radial-gradient(ellipse at 80% 30%,#23345070,transparent 55%)}.entry{max-width:540px;margin:90px auto 70px}.eyebrow{font-size:12px;letter-spacing:2px;color:#95b3ec}.entry h1{font-size:58px;line-height:1.25;letter-spacing:-2px;margin:24px 0}.entry p{font-size:17px}.entry form{display:grid;gap:20px;margin:32px 0 18px}.entry label{display:grid;gap:9px;font-size:13px;color:#acb7c9}.primary{background:#a9c4ff;color:#14223d;font-weight:700;border:0;padding:16px}.primary:hover{background:#c5d7ff}#form-error{color:#ffaaa6;font-size:13px}.compatibility-note{display:grid;gap:5px;padding:13px 15px;border:1px solid #f0b9aa;border-radius:10px;background:#fff4f0;color:#8f321f;font-size:13px;line-height:1.55}.compatibility-note span{color:#a5442f}.landing footer{text-align:center;font-size:12px;color:#627086;letter-spacing:2px}.shell{max-width:1600px;margin:auto;padding-bottom:136px}header{display:flex;align-items:center;padding:23px 34px;border-bottom:1px solid #28313e;gap:28px;min-height:90px}.room-title{font-size:15px;flex:1}.room-title small{margin-left:14px}.header-actions{display:flex;gap:9px}.danger{color:#ffb1ad;background:transparent}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100dvh - 186px)}.teams{padding:42px 34px}.section-heading h1{font-size:32px;margin:10px 0}.section-heading p{font-size:13px;margin:0}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.team{border:1px solid #334156;border-radius:15px;overflow:hidden;background:#171e29}.team-B{border-color:#554336}.team-heading{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2b384b;background:#1c293d}.team-B .team-heading{background:#30271f;border-color:#463b30}.team-heading>div{display:flex;align-items:center;gap:10px}.team-mark{font-weight:700;border:1px solid #5e83bd;color:#a9c8ff;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.team-B .team-mark{color:#f1c298;border-color:#a47751}.team-heading h2{font-size:16px;margin:0}.team-heading small{margin-left:7px;font-weight:400}.team-heading button{font-size:12px;padding:8px 11px}.members{padding:10px;min-height:225px}.member{display:flex;align-items:center;gap:11px;padding:13px 10px;border-radius:10px}.avatar{width:37px;height:37px;border-radius:12px;background:#354258;color:#c5d6f5;display:grid;place-items:center;flex-shrink:0}.team-B .avatar{background:#4b3c30;color:#f0ceb0}.member-info{flex:1;min-width:0}.member b{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:500}.member small{display:block;margin-top:4px;font-size:11px}.member em{font-size:10px;font-style:normal;background:#343d4e;padding:2px 4px;border-radius:4px;margin-left:3px}.member>span{color:#7e8b9f}.member.speaking .avatar{box-shadow:0 0 0 2px #95dbb4}.kick{border:0;padding:3px 7px;background:transparent;color:#a1aabc}.empty{text-align:center;color:#7d8ba2;font-size:14px;padding:50px 10px;line-height:2}.empty small{color:#5f6d81}.waiting{margin-top:22px;border:1px dashed #354052;border-radius:13px;padding:16px 20px}.waiting h3{font-size:13px;color:#a9b4c6;margin:0 0 9px}.waiting h3 small{margin-left:10px;font-weight:400}.waiting .member{display:inline-flex;min-width:230px}.muted{font-size:12px;color:#68758a;margin:10px 0}.voice-note{color:#76849a;font-size:12px;margin:23px 0}.voice-note button{font-size:12px;padding:4px 9px}.chat{background:#131923;border-left:1px solid #28313e;display:flex;flex-direction:column;max-height:calc(100dvh - 186px)}.chat-header{padding:24px 20px 15px;border-bottom:1px solid #28313e}.chat-header h2{font-size:15px;margin:0 0 20px}.tabs{display:flex;gap:7px;background:#0e141e;padding:4px;border-radius:8px}.tabs button{flex:1;font-size:12px;border:0;background:transparent;padding:8px}.tabs .active{background:#2c3a50;color:#c4d7fc}#messages{flex:1;overflow:auto;padding:15px 20px;min-height:200px}.message{margin:8px 0 20px}.message>div{display:flex;gap:10px;align-items:center}.message b{font-size:12px;color:#a1badf}.message time{font-size:10px;color:#617087}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#d0d8e5;font-size:13px;line-height:1.6;margin:7px 0}.message.mine b{color:#abd7bf}#chat-form{display:flex;gap:8px;padding:12px 15px 0}#chat-form input{width:100%;font-size:12px;padding:12px}#chat-form button{font-size:18px;padding:6px 14px;background:#a9c4ff;color:#152440}.chat-hint{padding:10px 20px 20px;font-size:10px}.controls{min-height:96px;border-top:1px solid #303a4a;display:flex;align-items:center;justify-content:space-between;padding:20px 34px;background:#19212d;gap:20px;position:fixed;z-index:5;left:0;right:0;bottom:0;box-shadow:0 -8px 24px #10141c18}.voice-status{display:flex;gap:12px;align-items:center}.status-dot{background:#9ac9ad;width:8px;height:8px;border-radius:50%}.voice-status b{font-size:13px;font-weight:500}.voice-status small{display:block;margin-top:6px;font-size:11px}.control-buttons{display:flex;gap:10px;align-items:center;order:1}.voice-status{order:2}.mic-monitor{width:180px;order:3;margin-left:auto}.output-monitor{width:150px;order:4}.output-monitor input{width:100%;padding:0;accent-color:#326dce}.output-monitor small{display:block;margin-top:8px;font-size:10px}.member-volume{display:flex;align-items:center;gap:3px;width:78px}.member-volume span{font-size:11px}.member-volume input{width:52px;padding:0;accent-color:#326dce}.mic-monitor-heading{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px;color:#667791}.mic-monitor input{width:100%;padding:0;accent-color:#326dce}.mic-meter{height:7px;margin-top:8px;overflow:hidden;border-radius:999px;background:#dfe7f1}#mic-meter-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#44b982,#eac34f,#e06a5f);transition:width 70ms linear}.mic-monitor small{display:block;margin-top:4px;font-size:10px}.control-buttons button,.control-buttons select{font-size:12px;white-space:nowrap}.control-buttons .on{background:#a8c4ff;color:#132440}.control-buttons .off{color:#f4b6b1}.control-buttons select{max-width:165px;padding:10px}.loading{min-height:100dvh;display:flex;gap:20px;align-items:center;justify-content:center}#toast{position:fixed;bottom:115px;left:50%;transform:translate(-50%);background:#e6edf9;color:#17243a;padding:14px 22px;border-radius:10px;box-shadow:0 8px 35px #0005;font-size:13px;z-index:10;max-width:90%;overflow-wrap:anywhere}@media(min-width:1500px){.teams{padding:50px}.team-grid{gap:28px}.members{min-height:300px}}@media(max-width:1000px){.room-layout{grid-template-columns:minmax(0,1fr) 290px}.teams{padding:28px 20px}.team-grid{grid-template-columns:1fr}.members{min-height:80px}.controls{padding:18px 20px}.control-buttons{flex-wrap:wrap;justify-content:flex-end}.mic-monitor{width:145px}.output-monitor{width:130px}.team-heading{padding:14px}.chat{max-height:calc(100dvh - 186px);position:sticky;top:0}.voice-status{min-width:165px}header{padding:20px;gap:18px}.room-title small{display:block;margin:5px 0 0}}@media(max-width:700px){.brand span{display:none}.entry{margin:65px auto}.entry h1{font-size:44px}.room-layout{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr;gap:10px}.team-heading{flex-wrap:wrap;gap:10px}.team-heading>div{gap:7px}.team-heading small{display:none}.team-heading button{width:100%}.members{padding:4px}.member{padding:10px 5px;gap:7px}.avatar{width:29px;height:29px;border-radius:9px}.member b{font-size:12px}.member em{display:none}.chat{height:400px;max-height:none;border-top:1px solid #28313e;border-left:0;position:static}.teams{padding:28px 15px 10px}.section-heading h1{font-size:27px}.section-heading p{font-size:12px}.controls{position:sticky;bottom:0;flex-wrap:wrap;gap:15px;padding:15px}.control-buttons{width:100%;justify-content:flex-start;gap:7px}.mic-monitor{order:3;width:100%}.output-monitor{order:4;width:100%}.control-buttons button{padding:10px}.control-buttons select{max-width:130px}.room-title{font-size:13px}.header-actions{gap:5px}.header-actions button{font-size:11px;padding:8px}.header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:160px}header{padding:15px;gap:12px}.brand b{font-size:16px}.brand{font-size:20px}.waiting .member{min-width:200px}.voice-status small{display:none}#toast{bottom:155px}}:root:not([data-theme=dark]){color:#17243a;background:#f7f9fc}:root:not([data-theme=dark]) body{background:#f7f9fc;color:#17243a}:root:not([data-theme=dark]) button{background:#fff;color:#26364d;border-color:#ccd6e5}:root:not([data-theme=dark]) button:hover{background:#edf3fb}:root:not([data-theme=dark]) button.danger{color:#b33c3c;background:#fff7f7;border-color:#f0cccc}:root:not([data-theme=dark]) button:disabled{color:#60728c}:root:not([data-theme=dark]) input,:root:not([data-theme=dark]) select{background:#fff;color:#17243a;border-color:#cbd6e5}:root:not([data-theme=dark]) small{color:#60718a}:root:not([data-theme=dark]) p{color:#526680}:root:not([data-theme=dark]) .brand{color:#376fc5}:root:not([data-theme=dark]) .brand b{color:#1a2f50}:root:not([data-theme=dark]) .brand span{color:#657995}:root:not([data-theme=dark]) .landing{background:radial-gradient(ellipse at 80% 25%,#dceaff,transparent 56%)}:root:not([data-theme=dark]) .eyebrow{color:#4773b5}:root:not([data-theme=dark]) .entry label{color:#405977}:root:not([data-theme=dark]) .primary,:root:not([data-theme=dark]) #chat-form button,:root:not([data-theme=dark]) .control-buttons .on{background:#326dce;color:#fff;border-color:#326dce}:root:not([data-theme=dark]) .primary:hover,:root:not([data-theme=dark]) #chat-form button:hover,:root:not([data-theme=dark]) .control-buttons .on:hover{background:#265eb8}:root:not([data-theme=dark]) #form-error{color:#b42318}:root:not([data-theme=dark]) .compatibility-note{background:#fff4f0;color:#8f321f;border-color:#f0b9aa}:root:not([data-theme=dark]) .compatibility-note span{color:#a5442f}:root:not([data-theme=dark]) .landing footer{color:#71839c}:root:not([data-theme=dark]) header{background:#fff;border-color:#dce5ef}:root:not([data-theme=dark]) .room-title{color:#263b57}:root:not([data-theme=dark]) .team{background:#fff;border-color:#cbd8ea;box-shadow:0 7px 22px #17345b0a}:root:not([data-theme=dark]) .team-B{border-color:#ead8c8}:root:not([data-theme=dark]) .team-heading{background:#edf5ff;border-color:#d7e4f5}:root:not([data-theme=dark]) .team-B .team-heading{background:#fff3e8;border-color:#f0dfd1}:root:not([data-theme=dark]) .team-mark{color:#316ac2;border-color:#83a9e2}:root:not([data-theme=dark]) .team-B .team-mark{color:#a8551e;border-color:#d99563}:root:not([data-theme=dark]) .avatar{background:#dce9fa;color:#315b96}:root:not([data-theme=dark]) .team-B .avatar{background:#f8e1ce;color:#985221}:root:not([data-theme=dark]) .member b,:root:not([data-theme=dark]) .team-heading h2,:root:not([data-theme=dark]) .section-heading h1{color:#203754}:root:not([data-theme=dark]) .member em{background:#e7edf5;color:#41536d}:root:not([data-theme=dark]) .member>span{color:#607995}:root:not([data-theme=dark]) .waiting{border-color:#cbd7e5}:root:not([data-theme=dark]) .waiting h3{color:#405977}:root:not([data-theme=dark]) .muted,:root:not([data-theme=dark]) .voice-note{color:#60728c}:root:not([data-theme=dark]) .chat{background:#fff;border-color:#dce5ef}:root:not([data-theme=dark]) .chat-header{border-color:#dce5ef}:root:not([data-theme=dark]) .chat-header h2{color:#263b57}:root:not([data-theme=dark]) .tabs{background:#edf2f8}:root:not([data-theme=dark]) .tabs .active{background:#dbe9ff;color:#295caa}:root:not([data-theme=dark]) .message b{color:#386aac}:root:not([data-theme=dark]) .message time{color:#71839a}:root:not([data-theme=dark]) .message p{color:#344963}:root:not([data-theme=dark]) .controls{background:#fff;border-color:#dce5ef}:root:not([data-theme=dark]) .voice-status b{color:#263b57}:root:not([data-theme=dark]) .control-buttons .off{color:#b33c3c}
