*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#313338;--bg-secondary:#2b2d31;--bg-tertiary:#1e1f22;--bg-modifier-hover:#35373c;--bg-modifier-active:#404249;--text-normal:#dbdee1;--text-muted:#949ba4;--text-link:#00a8fc;--header-primary:#f2f3f5;--brand:#5865f2;--brand-hover:#4752c4;--green:#23a559;--red:#ed4245;--yellow:#f0b232;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:0.15s ease}body{-webkit-font-smoothing:antialiased;background:#313338;background:var(--bg-primary);color:#dbdee1;color:var(--text-normal);font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}.login-container{align-items:center;background:linear-gradient(135deg,#5865f2,#eb459e);display:flex;height:100vh;justify-content:center}.login-box{animation:fadeInUp .4s ease;background:#2b2d31;background:var(--bg-secondary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 40px #0006;padding:32px;text-align:center;width:420px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-box h1{color:#f2f3f5;color:var(--header-primary);font-size:24px;font-weight:700;margin-bottom:4px}.login-box p{color:#949ba4;color:var(--text-muted);font-size:15px;margin-bottom:20px}.login-box input{background:#1e1f22;background:var(--bg-tertiary);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;font-size:16px;margin-bottom:16px;outline:none;padding:12px 14px;transition:box-shadow .15s ease;transition:box-shadow var(--transition);width:100%}.login-box input:focus{box-shadow:0 0 0 2px #5865f2;box-shadow:0 0 0 2px var(--brand)}.login-box input::placeholder{color:#949ba4;color:var(--text-muted)}.login-box button{background:#5865f2;background:var(--brand);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .15s ease,opacity .15s ease;transition:background var(--transition),opacity var(--transition);width:100%}.login-box button:hover:not(:disabled){background:#4752c4;background:var(--brand-hover)}.login-box button:disabled{cursor:not-allowed;opacity:.5}.login-box button:active:not(:disabled){transform:scale(.98)}.app{display:flex;height:100vh}.sidebar{background:#2b2d31;background:var(--bg-secondary);border-right:1px solid #1e1f22;border-right:1px solid var(--bg-tertiary);display:flex;flex-direction:column;flex-shrink:0;width:260px}.sidebar-header{align-items:center;border-bottom:1px solid #0000003d;box-shadow:0 1px 0 #0000001f;display:flex;height:48px;justify-content:space-between;padding:12px 16px}.sidebar-header h2{color:#f2f3f5;color:var(--header-primary);font-size:15px;font-weight:700;letter-spacing:-.2px}.user-badge{background:#5865f2;background:var(--brand);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px}.rooms-header{align-items:center;color:#949ba4;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.02em;padding:16px 16px 6px;text-transform:uppercase}.rooms-header:hover{color:#dbdee1;color:var(--text-normal)}.add-room-btn{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#949ba4;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:2px;transition:all .15s ease;transition:all var(--transition)}.add-room-btn:hover{background:#35373c;background:var(--bg-modifier-hover);color:#dbdee1;color:var(--text-normal)}.new-room-form{padding:6px 10px 10px}.new-room-form input{background:#1e1f22;background:var(--bg-tertiary);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:13px;outline:none;padding:8px 10px;transition:box-shadow .15s ease;transition:box-shadow var(--transition);width:100%}.new-room-form input:focus{box-shadow:0 0 0 1px #5865f2;box-shadow:0 0 0 1px var(--brand)}.new-room-type-toggle{display:flex;gap:3px;margin-bottom:6px}.new-room-type-toggle button{align-items:center;background:#1e1f22;background:var(--bg-tertiary);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#949ba4;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:13px;justify-content:center;padding:5px;transition:all .15s ease;transition:all var(--transition)}.new-room-type-toggle button.active{background:#5865f2;background:var(--brand);color:#fff}.rooms-list{overflow-y:auto;padding:0 8px 4px}.voice-rooms-list{flex:1 1}.room-item{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#949ba4;color:var(--text-muted);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1px;padding:6px 10px;transition:all .15s ease;transition:all var(--transition)}.room-item:hover{background:#35373c;background:var(--bg-modifier-hover);color:#dbdee1;color:var(--text-normal)}.room-item.active{background:#404249;background:var(--bg-modifier-active);color:#f2f3f5;color:var(--header-primary)}.room-item.voice .room-name{align-items:center;display:flex;gap:6px}.voice-icon{flex-shrink:0;opacity:.7}.room-item.active-voice .voice-icon,.room-item:hover .voice-icon{opacity:1}.room-item.voice:hover{background:#35373c;background:var(--bg-modifier-hover)}.room-item.active-voice{background:#23a5591f;color:#23a559;color:var(--green)}.room-name{font-size:15px;font-weight:500}.room-users{background:#1e1f22;background:var(--bg-tertiary);border-radius:8px;font-size:10px;font-weight:600;min-width:18px;padding:1px 5px;text-align:center}.voice-room-item{margin-bottom:1px}.voice-users-list{padding:2px 8px 4px 30px}.voice-user{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#949ba4;color:var(--text-muted);display:flex;font-size:13px;gap:6px;padding:2px 4px;transition:all .15s ease;transition:all var(--transition)}.voice-user:hover{background:#35373c;background:var(--bg-modifier-hover)}.voice-user.is-speaking{color:#f2f3f5;color:var(--header-primary)}.voice-avatar-small{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;transition:box-shadow .15s ease;transition:box-shadow var(--transition);width:20px}.voice-avatar-small.speaking-ring{box-shadow:0 0 0 2px #23a559;box-shadow:0 0 0 2px var(--green)}.voice-user-name{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-icon{flex-shrink:0}.voice-controls{background:#232428;border-top:1px solid #0000003d;margin-top:auto;padding:8px}.voice-status{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#23a559;color:var(--green);cursor:default;display:flex;font-size:13px;gap:8px;margin-bottom:6px;padding:2px 4px}.voice-status:hover{background:#23a55914}.voice-status-text{display:flex;flex:1 1;flex-direction:column;gap:1px}.voice-connected-label{font-size:12px;font-weight:600}.voice-channel-name{color:#949ba4;color:var(--text-muted);font-size:11px;font-weight:500}.voice-connected-dot{animation:pulse 2s ease-in-out infinite;background:#23a559;background:var(--green);border-radius:50%;flex-shrink:0;height:8px;width:8px}.voice-ping{font-feature-settings:"tnum";background:#1e1f22;background:var(--bg-tertiary);border-radius:4px;border-radius:var(--radius-sm);font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;padding:2px 5px}.voice-ping.good{color:#23a559;color:var(--green)}.voice-ping.ok{color:#f0b232;color:var(--yellow)}.voice-ping.bad{color:#ed4245;color:var(--red)}.e2ee-badge{align-items:center;background:#3ba55d26;border-radius:4px;border-radius:var(--radius-sm);display:flex;justify-content:center;margin-left:auto;padding:2px 5px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.voice-buttons{display:flex;gap:3px}.vc-btn{align-items:center;background:#2b2d31;background:var(--bg-secondary);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#b5bac1;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:6px;transition:all .15s ease;transition:all var(--transition)}.vc-btn:hover{background:#35373c;background:var(--bg-modifier-hover);color:#f2f3f5;color:var(--header-primary)}.vc-btn.vc-active{background:#ed424526;color:#ed4245;color:var(--red)}.vc-btn.vc-active:hover{background:#ed424540}.vc-btn.vc-screen-active{background:#23a55926;color:#23a559;color:var(--green)}.vc-btn.vc-screen-active:hover{background:#23a55940}.vc-btn.vc-leave{background:#0000;color:#ed4245;color:var(--red)}.vc-btn.vc-leave:hover{background:#ed424526}.main{background:#313338;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative}.main-header{border-bottom:1px solid #0000003d;box-shadow:0 1px 0 #0000001f;height:48px;min-height:48px;padding:0 16px}.main-header,.main-header h3{align-items:center;display:flex;gap:8px}.main-header h3{color:#f2f3f5;color:var(--header-primary);font-size:16px;font-weight:600}.online-count{border-left:1px solid #35373c;border-left:1px solid var(--bg-modifier-hover);color:#949ba4;color:var(--text-muted);font-size:12px;font-weight:500;padding-left:8px}.messages{flex:1 1;overflow-y:auto;padding:16px 16px 0;scroll-behavior:smooth}.messages:empty:after{content:"Empieza la conversacion...";display:block;font-size:15px;padding:40px 0}.messages:empty:after,.system-msg{color:#949ba4;color:var(--text-muted);text-align:center}.system-msg{font-size:12px;margin:8px 0;padding:4px 0;position:relative}.system-msg:after,.system-msg:before{background:#35373c;background:var(--bg-modifier-hover);content:"";height:1px;position:absolute;top:50%;width:calc(50% - 100px)}.system-msg:before{left:0}.system-msg:after{right:0}.message{border-radius:0;display:flex;gap:16px;margin:0 -16px;padding:4px 48px 4px 16px;position:relative;transition:background .15s ease;transition:background var(--transition)}.message:hover{background:#0000000f}.message+.message{margin-top:0}.msg-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:17px;font-weight:700;height:40px;justify-content:center;margin-top:2px;width:40px}.msg-body{flex:1 1;min-width:0}.msg-header{align-items:baseline;display:flex;gap:8px}.msg-user{cursor:pointer;font-size:15px;font-weight:600}.msg-user:hover{text-decoration:underline}.msg-time{color:#949ba4;color:var(--text-muted);font-size:11px;font-weight:400}.msg-content{color:#dbdee1;color:var(--text-normal);font-size:15px;line-height:1.375;margin-top:2px;word-break:break-word}.input-area{padding:0 16px 24px}.input-area form{display:flex;gap:0;position:relative}.input-area input{background:#383a40;border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:box-shadow .15s ease;transition:box-shadow var(--transition)}.input-area input:focus{box-shadow:0 0 0 1px #5865f2;box-shadow:0 0 0 1px var(--brand)}.input-area input::placeholder{color:#949ba4;color:var(--text-muted)}.input-area button{background:#5865f2;background:var(--brand);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;opacity:.9;padding:8px 16px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .15s ease;transition:all var(--transition)}.input-area button:hover{background:#4752c4;background:var(--brand-hover);opacity:1}.voice-main{display:flex;flex:1 1;flex-direction:column}.voice-main-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:16px}.voice-join-cta{animation:fadeInUp .3s ease;flex-direction:column;gap:12px;max-width:320px;text-align:center}.join-cta-icon,.voice-join-cta{align-items:center;display:flex}.join-cta-icon{background:#5865f21a;border-radius:50%;height:96px;justify-content:center;margin-bottom:4px;width:96px}.join-cta-title{color:#f2f3f5;color:var(--header-primary);font-size:22px;font-weight:700}.join-cta-desc{color:#949ba4;color:var(--text-muted);font-size:14px;margin-bottom:4px}.join-cta-btn{align-items:center;background:#5865f2;background:var(--brand);border:none;border-radius:28px;box-shadow:0 4px 12px #5865f259;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .15s ease;transition:all var(--transition)}.join-cta-btn:hover{background:#4752c4;background:var(--brand-hover);box-shadow:0 6px 20px #5865f273;transform:translateY(-1px)}.join-cta-btn:active{transform:translateY(0)}.voice-header-actions{display:flex;gap:6px;margin-left:auto}.vha-btn{align-items:center;background:#35373c;background:var(--bg-modifier-hover);border:none;border-radius:20px;color:#dbdee1;color:var(--text-normal);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .15s ease;transition:all var(--transition)}.vha-btn:hover{background:#404249;background:var(--bg-modifier-active);color:#f2f3f5;color:var(--header-primary)}.vha-btn.active-green{background:#23a55933;color:#23a559;color:var(--green)}.vha-btn.active-green:hover{background:#ed424533;color:#ed4245;color:var(--red)}.screen-share-banner{align-items:center;animation:slideDown .3s ease;background:#5865f2;background:var(--brand);color:#fff;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 16px;transition:background .15s ease;transition:background var(--transition)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.screen-share-banner:hover{background:#4752c4;background:var(--brand-hover)}.screen-share-banner strong{font-weight:700}.ssb-dot{animation:pulse 1.5s infinite;background:#ed4245;background:var(--red);border-radius:50%;flex-shrink:0;height:8px;width:8px}.ssb-watch{background:#fff3;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;margin-left:auto;padding:4px 14px;transition:background .15s ease;transition:background var(--transition)}.ssb-watch:hover{background:#ffffff59}.screen-viewer-close{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.voice-grid{align-content:center;animation:fadeInUp .3s ease;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:800px;width:100%}.voice-tile{align-items:center;background:#2b2d31;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:16px 12px;position:relative;transition:all .15s ease;transition:all var(--transition);width:150px}.voice-tile:hover{background:#35373c;background:var(--bg-modifier-hover)}.voice-tile.speaking{background:#23a5590f;border-color:#23a55966}.voice-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:26px;font-weight:700;height:64px;justify-content:center;position:relative;transition:box-shadow .2s ease;width:64px}.voice-avatar.speaking-ring{box-shadow:0 0 0 3px #23a559,0 0 12px #23a5594d;box-shadow:0 0 0 3px var(--green),0 0 12px #23a5594d}.voice-tile-name{color:#dbdee1;color:var(--text-normal);font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-tile-icons{display:flex;gap:3px;min-height:16px}.tile-icon{flex-shrink:0}.ptt-indicator{background:#1e1f22;background:var(--bg-tertiary);border-radius:10px;color:#949ba4;color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;transition:all .15s ease;transition:all var(--transition)}.ptt-indicator.active{background:#23a559;background:var(--green);color:#fff}.stream-label{background:#ed4245;background:var(--red);border-radius:10px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.voice-tile.has-stream{cursor:pointer}.voice-tile.has-stream:hover{border-color:#23a559;border-color:var(--green)}.voice-main-content.has-screen{align-items:stretch;flex-direction:column;gap:8px;padding:8px}.screen-viewer{animation:fadeInUp .3s ease;background:#1e1f22;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.screen-viewer-header{align-items:center;background:#0000004d;color:#dbdee1;color:var(--text-normal);display:flex;flex-shrink:0;font-size:13px;justify-content:space-between;padding:6px 12px}.screen-viewer-info{align-items:center;display:flex;gap:8px}.screen-viewer-info strong{color:#f2f3f5;color:var(--header-primary)}.screen-viewer-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#949ba4;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .15s ease;transition:all var(--transition)}.screen-viewer-close:hover{background:#35373c;background:var(--bg-modifier-hover);color:#f2f3f5;color:var(--header-primary)}.screen-video{background:#000;flex:1 1;min-height:0;object-fit:contain;width:100%}.voice-bar{display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:4px 0}.voice-bar::-webkit-scrollbar{height:3px}.voice-bar::-webkit-scrollbar-thumb{background:#35373c;background:var(--bg-modifier-hover);border-radius:2px}.voice-tile.mini{flex-shrink:0;max-width:130px;min-width:90px;padding:8px 10px;width:auto}.voice-tile.mini .voice-avatar{font-size:16px;height:36px;width:36px}.voice-tile.mini .voice-tile-name{font-size:10px}.voice-tile.mini .voice-tile-icons{gap:2px}.voice-tile.mini .tile-icon{height:12px;width:12px}.settings-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{animation:fadeInUp .2s ease;background:#313338;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;width:480px}.settings-header{align-items:center;border-bottom:1px solid #1e1f22;border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;padding:16px 20px}.settings-header h3{color:#f2f3f5;color:var(--header-primary);font-size:16px;font-weight:700}.settings-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#949ba4;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .15s ease;transition:all var(--transition)}.settings-close:hover{background:#35373c;background:var(--bg-modifier-hover);color:#f2f3f5;color:var(--header-primary)}.settings-body{flex:1 1;overflow-y:auto;padding:12px 20px 20px}.settings-section{margin-bottom:16px}.settings-section+.settings-section{border-top:1px solid #1e1f22;border-top:1px solid var(--bg-tertiary);padding-top:16px}.settings-label{align-items:center;color:#b5bac1;display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.settings-value{color:#5865f2;color:var(--brand);font-size:12px;font-weight:600;text-transform:none}.settings-select{appearance:none;background:#1e1f22;background:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23949ba4' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#dbdee1;color:var(--text-normal);cursor:pointer;font-size:14px;outline:none;padding:8px 10px;transition:background .15s ease;transition:background var(--transition);width:100%}.settings-select:hover{background-color:#232428}.settings-select:focus{box-shadow:0 0 0 1px #5865f2;box-shadow:0 0 0 1px var(--brand)}.settings-range{appearance:none;background:#1e1f22;background:var(--bg-tertiary);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.settings-range::-webkit-slider-thumb{appearance:none;background:#5865f2;background:var(--brand);border-radius:50%;box-shadow:0 0 0 2px #313338;box-shadow:0 0 0 2px var(--bg-primary);cursor:pointer;height:12px;-webkit-transition:transform .15s ease;transition:transform .15s ease;-webkit-transition:transform var(--transition);transition:transform var(--transition);width:12px}.settings-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-range::-moz-range-thumb{background:#5865f2;background:var(--brand);border:2px solid #313338;border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer;height:12px;width:12px}.settings-hint{color:#949ba4;color:var(--text-muted);font-size:12px;margin-top:6px}.input-level-bar{background:#1e1f22;background:var(--bg-tertiary);border-radius:2px;height:4px;margin-top:8px;overflow:visible;position:relative}.input-level-fill{background:linear-gradient(90deg,#23a559,#f0b232 60%,#ed4245);background:linear-gradient(90deg,var(--green) 0,var(--yellow) 60%,var(--red) 100%);border-radius:2px;height:100%;transition:width .06s linear}.input-level-threshold{background:#f2f3f5;background:var(--header-primary);border-radius:1px;box-shadow:0 0 4px #00000080;height:12px;position:absolute;top:-4px;transform:translateX(-50%);width:2px}.voice-mode-toggle{background:#1e1f22;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:2px;padding:3px}.voice-mode-toggle button{background:#0000;border:none;border-radius:6px;color:#949ba4;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:7px 10px;transition:all .15s ease;transition:all var(--transition)}.voice-mode-toggle button.active{background:#5865f2;background:var(--brand);color:#fff}.voice-mode-toggle button:hover:not(.active){color:#dbdee1;color:var(--text-normal)}.ptt-key-btn{background:#1e1f22;background:var(--bg-tertiary);border:2px dashed #5865f2;border:2px dashed var(--brand);border-radius:6px;color:#5865f2;color:var(--brand);cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:10px;text-align:center;transition:all .15s ease;transition:all var(--transition);width:100%}.ptt-key-btn:focus{background:#5865f214;border-style:solid}.settings-toggles{display:flex;flex-direction:column;gap:6px}.toggle-row{align-items:center;background:#2b2d31;background:var(--bg-secondary);border-radius:6px;color:#dbdee1;color:var(--text-normal);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;position:relative;transition:background .15s ease;transition:background var(--transition)}.toggle-row:hover{background:#35373c;background:var(--bg-modifier-hover)}.toggle-row input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:#72767d;border-radius:10px;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:38px}.toggle-slider:after{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.toggle-row input:checked+.toggle-slider{background:#23a559;background:var(--green)}.toggle-row input:checked+.toggle-slider:after{transform:translateX(18px)}.peer-volume-row{align-items:center;display:flex;gap:8px;padding:6px 0}.peer-volume-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.peer-volume-name{color:#dbdee1;color:var(--text-normal);font-size:13px;font-weight:500;min-width:50px}.peer-vol-range{flex:1 1}.peer-volume-val{font-feature-settings:"tnum";color:#949ba4;color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000;margin:4px 0}::-webkit-scrollbar-thumb{background:#1e1f22;background:var(--bg-tertiary);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a1b1e;background-clip:padding-box;border:2px solid #0000}*{scrollbar-color:#1e1f22 #0000;scrollbar-color:var(--bg-tertiary) #0000;scrollbar-width:thin}@media (max-width:768px){.sidebar{overflow:hidden;width:72px}.rooms-header span,.sidebar-header h2{display:none}.room-name{font-size:0}.room-name:first-letter{font-size:14px}.voice-ping,.voice-status-text,.voice-user-name{display:none}.login-box{padding:24px;width:92%}.settings-modal{margin:0 8px;width:95%}.voice-tile{padding:12px 8px;width:110px}.voice-avatar{font-size:20px;height:48px;width:48px}}
/*# sourceMappingURL=main.8fac7337.css.map*/