:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#e8eaf0;background:#22242b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8fa8db;outline-offset:2px}input,select{min-width:0;width:100%;background:#252730;border:1px solid #494c58;border-radius:7px;color:#edf0f7;padding:10px 11px}input::placeholder{color:#828795}label{font-size:12px;font-weight:600;color:#b5bac7}.primary{background:#708bc0;color:#fff;border-radius:7px;padding:11px 17px;font-weight:700}.primary:hover:not(:disabled){background:#829cd0}.error,.chat-error{color:#f19aa5;font-size:12px}.center{min-height:100vh;display:grid;place-items:center;padding:24px;background:#22242b}.card{background:#30323a;border:1px solid #434651;box-shadow:0 20px 60px #1116;border-radius:14px}.entry{width:min(100%,420px);padding:28px 34px 34px}.brand{display:flex;align-items:center}.brand img{width:230px;max-height:112px;object-fit:contain;object-position:left center;filter:saturate(.7) brightness(1.55)}.entry .brand{justify-content:center}.entry .brand img{width:270px;max-height:150px}.entry h1{font-size:29px;letter-spacing:-.04em;margin:13px 0 4px}.entry p{color:#aeb3c0;font-size:14px;line-height:1.5}.entry form{display:grid;gap:10px;margin-top:26px}.entry .primary{margin-top:4px}.shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;background:#2a2c34;border-right:1px solid #23252c;padding:0 10px 12px}.sidebar .brand{height:118px;padding:7px 13px 3px}.sidebar .brand img{width:230px;max-height:112px}.section-title{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;margin:4px 0;color:#989da9;font-size:10px;font-weight:800;letter-spacing:.08em}.section-title button{background:transparent;color:#a7acba;font-size:17px;line-height:1}.section-title button:hover{color:#fff}.rooms{display:grid;gap:2px}.room-button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 11px;background:transparent;color:#bdc1cc;border-radius:6px;font-size:13px;font-weight:600}.room-button:hover{background:#393b45;color:#fff}.room-button.selected{background:#414550;color:#fff}.room-icon{display:inline-block;width:22px;color:#9da8bc;font-size:14px;letter-spacing:-.19em;white-space:nowrap}.create-room{padding:0 11px;margin-top:10px;color:#aab0bf;font-size:12px}.create-room summary{cursor:pointer;list-style:none;padding:7px 0}.create-room summary:hover{color:#fff}.create-room summary::-webkit-details-marker{display:none}.create-room form{padding:8px 0 12px}.create-room label{display:block;margin-bottom:6px}.form-row{display:flex;gap:5px}.form-row input{padding:8px;font-size:12px}.form-row button{width:34px;flex:none;color:#fff;background:#596b8f;border-radius:6px;font-size:19px}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 4px 0;border-top:1px solid #3a3c46}.avatar{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:50%;background:#657895;color:#fff;font-size:16px;font-weight:700}.avatar.small{width:34px;height:34px;font-size:13px}.identity{display:flex;flex-direction:column;min-width:0}.identity strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.identity small{color:#8e95a5;font-size:10px}.sidebar-bottom button{margin-left:auto;background:none;color:#a7adba;font-size:11px;white-space:nowrap}.sidebar-bottom button:hover{color:#fff}.main-panel{position:relative;display:flex;flex-direction:column;min-width:0;background:#32343d}.empty{margin:auto;text-align:center;padding:25px}.empty-icon{font-size:45px;letter-spacing:-.2em;color:#7e96c4;margin-right:20px}.empty h2{font-size:23px;margin:12px 0 4px}.empty p{color:#a4a9b6;font-size:13px;margin-bottom:22px}.room-layout{flex:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px)}.voice-panel{min-width:0;display:flex;flex-direction:column;min-height:100vh}.room-header{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 23px;border-bottom:1px solid #42444e;box-shadow:0 1px 1px #20212720}.room-header h1{font-size:17px;letter-spacing:-.02em;margin:2px 0 0}.hash{font-weight:400;color:#9298a6}.eyebrow,.members-heading{font-size:10px;font-weight:800;letter-spacing:.07em;color:#9ca2b0}.status{display:flex;align-items:center;gap:7px;color:#b4b9c5;font-size:11px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#878c98}.status.connected .status-dot{background:#5bbd9b}.status.reconnecting .status-dot{background:#e0b974}.room-body{flex:1;padding:26px 23px;overflow:auto}.members-heading{margin:0 0 12px}.members-heading span{font-weight:500;margin-left:3px}.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.person{padding:12px;background:#383b45;border:1px solid transparent;border-radius:9px}.person.speaking{border-color:#6eb99b}.person.speaking .avatar{box-shadow:0 0 0 2px #6eb99b}.person-main{display:flex;align-items:center;gap:9px}.person-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.person-name small{display:block;font-weight:400;font-size:10px;color:#a3a8b4}.person-state{margin-left:auto;white-space:nowrap;font-size:10px;color:#9ba2b0}.person.speaking .person-state{color:#81d0ad}.volume-control{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px;color:#a0a6b4}.volume-control input{flex:1;padding:0;accent-color:#8da5d0;height:4px}.volume-control output{width:30px;text-align:right;color:#a6b6d4;font-weight:700}.hint{color:#acb1bf;font-size:13px}.connection-error{margin-top:20px;padding:13px 14px;background:#3d404b;border-radius:7px;display:flex;align-items:center;gap:13px;font-size:12px}.connection-error p{margin:0;color:#c1c5cf}.connection-error button{padding:8px 10px;border-radius:6px;background:#637ba9;color:#fff;font-size:12px}.audio-host{display:none}.controls{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid #25272e;background:#2c2e36}.call-label{display:flex;align-items:center;gap:10px;min-width:0}.call-symbol{color:#79c5a5}.call-label strong{display:block;font-size:12px}.call-label small{display:block;color:#9ba1ae;font-size:10px;margin-top:2px}.control-buttons{display:flex;gap:5px;align-items:center}.control-buttons button,.device-settings summary{display:grid;place-items:center;width:35px;height:35px;border-radius:6px;background:transparent;color:#c6cad3}.control-buttons button:hover:not(:disabled),.device-settings summary:hover{background:#40434e}.control-buttons button.off{color:#ec9ba5}.control-buttons button.noise-on{color:#8cb4de}.control-buttons button.leave{margin-left:7px;background:#6c4149;color:#fff}.control-buttons button.leave:hover{background:#8d4b57}.device-settings{position:relative}.device-settings summary{cursor:pointer;list-style:none}.device-settings summary::-webkit-details-marker{display:none}.settings-popover{position:absolute;right:-40px;bottom:45px;z-index:3;width:290px;padding:17px;background:#252730;border:1px solid #4c4f5c;border-radius:9px;box-shadow:0 14px 36px #1118}.settings-popover strong{font-size:13px}.device-controls{display:grid;gap:12px;margin-top:15px}.device-controls select{display:block;margin-top:6px;padding:8px 9px;font-size:11px}.device-note{display:block;color:#959ba9;margin-top:9px;font-size:10px}.chat-panel{display:flex;flex-direction:column;min-height:0;border-left:1px solid #292b32;background:#2f3139}.chat-heading{display:flex;align-items:center;min-height:68px;padding:0 17px;border-bottom:1px solid #42444e}.chat-heading strong{font-size:13px}.chat-messages{flex:1;overflow-y:auto;padding:17px;max-height:calc(100vh - 134px)}.chat-empty{text-align:center;color:#a3a8b6;margin-top:25vh}.chat-empty strong{display:block;font-size:13px}.chat-empty p{font-size:11px}.chat-message{display:flex;gap:8px;margin-bottom:14px}.chat-avatar{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#606e8c;color:#fff;font-size:11px;font-weight:700}.chat-message.mine .chat-avatar{background:#6d877b}.chat-meta{display:flex;align-items:baseline;gap:7px}.chat-meta strong{font-size:11px}.chat-meta time{color:#8e94a1;font-size:10px}.chat-message p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#c1c5d0;font-size:12px;line-height:1.45}.chat-compose{display:flex;gap:7px;padding:12px;border-top:1px solid #42444e}.chat-compose input{background:#3a3d47;border-color:transparent;font-size:12px}.chat-compose button{width:35px;flex:none;background:#647dab;color:#fff;border-radius:7px;font-size:13px}.chat-error{padding:0 13px}.toast{position:absolute;right:20px;top:20px;background:#824650;color:#fff;padding:10px 13px;border-radius:7px;font-size:12px}.toast button{margin-left:10px;background:none;color:#fff;font-size:17px}@media(max-width:1000px){.room-layout{grid-template-columns:minmax(0,1fr) 300px}.room-header,.room-body{padding-left:17px;padding-right:17px}}@media(max-width:800px){.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar .brand img{width:188px}.room-layout{display:flex;flex-direction:column}.voice-panel{min-height:560px}.chat-panel{min-height:350px;border-left:0;border-top:1px solid #292b32}.chat-messages{max-height:390px;min-height:230px}.chat-empty{margin-top:40px}}@media(max-width:620px){.shell{display:block}.sidebar{padding:5px 9px;border-right:0;border-bottom:1px solid #23252c}.sidebar .brand{height:72px;padding:2px 6px}.sidebar .brand img{width:160px;max-height:70px}.section-title{margin:0}.rooms{display:flex;overflow-x:auto}.room-button{width:auto;white-space:nowrap;flex:none}.create-room{display:none}.sidebar-bottom{margin-top:6px;padding:6px 3px 3px}.main-panel{min-height:80vh}.voice-panel{min-height:500px}.room-header,.room-body{padding:16px}.controls{padding:9px}.settings-popover{right:-50px}.entry{padding:25px}.entry .brand img{width:230px}}