@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap";:root{--bg:#15161c;--bg-panel:#1b1d25;--bg-elev:#232631;--bg-elev-2:#2a2e3b;--line:#2c2f3a;--text:#ecedf2;--muted:#8b8d9c;--accent:#7c6cf6;--accent-dim:#4b3fa8;--teal:#45c4b0;--danger:#e5484d;--radius:14px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}.page{text-align:center;min-height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.page h1{color:var(--text);margin:0;font-size:22px}.auth-screen{background:radial-gradient(circle at 20% 15%, #7c6cf629, transparent 45%), radial-gradient(circle at 85% 80%, #45c4b01f, transparent 40%), var(--bg);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.auth-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;width:100%;max-width:380px;padding:28px;display:flex;position:relative}.auth-card--with-logo{padding-top:88px}.auth-logo{filter:drop-shadow(0 8px 20px #00000059);position:absolute;top:0;left:50%;transform:translate(-50%,-33.333%)}.auth-card h1{margin:0 0 4px;font-size:20px}.auth-card p.hint{color:var(--muted);margin:0 0 14px;font-size:13.5px;line-height:1.5}.auth-card label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 6px;font-size:12px;font-weight:600}.auth-card input{background:var(--bg-elev);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font-body);border-radius:9px;outline:none;padding:11px 13px;font-size:14.5px}.auth-card input:focus{border-color:var(--accent)}.auth-card button{cursor:pointer;font-family:var(--font-body);background:var(--accent);color:#fff;border:none;border-radius:9px;margin-top:18px;padding:11px 16px;font-size:14.5px;font-weight:600;transition:filter .15s}.auth-card button:hover{filter:brightness(1.1)}.auth-card button:disabled{opacity:.45;cursor:not-allowed}.google-btn{background:var(--bg-elev);border:1px solid var(--line);color:var(--text);font-family:var(--font-body);border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .15s;display:flex}.google-btn:hover{border-color:var(--accent)}.auth-divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0 4px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.error{color:var(--danger);margin:12px 0 0;font-size:13px}.chiesicord-logo-heart,.chiesicord-logo-star{transform-box:fill-box;transform-origin:50%}.chiesicord-logo-heart{animation:1.4s ease-in-out infinite chiesicord-heartbeat}@keyframes chiesicord-heartbeat{0%,to{transform:scale(1)}9%{transform:scale(1.14)}18%{transform:scale(1)}28%{transform:scale(1.1)}37%{transform:scale(1)}}.chiesicord-logo-star{animation:1.8s ease-in-out infinite chiesicord-twinkle}.chiesicord-logo-star-1{animation-delay:0s}.chiesicord-logo-star-2{animation-delay:.7s}@keyframes chiesicord-twinkle{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.chiesicord-logo-heart,.chiesicord-logo-star{animation:none}}.server-rail{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:64px;padding:12px 0;display:flex;overflow-y:auto}.server-rail-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.server-rail-item{background:var(--bg-elev);border:1px solid var(--line);width:44px;height:44px;color:var(--text);font-family:var(--font-display);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;transition:border-radius .15s,border-color .15s,background .15s;display:flex}.server-rail-item:hover{border-color:var(--accent);border-radius:12px}.server-rail-item.active{border-color:var(--accent);background:var(--accent-dim);border-radius:12px}.server-rail-divider{background:var(--line);flex-shrink:0;width:28px;height:1px;margin-top:auto;margin-bottom:2px}.server-rail-divider-top{margin-top:0;margin-bottom:2px}.server-rail-me{background:var(--accent-dim);border-radius:50%;font-size:18px}.server-rail-me:hover{border-radius:50%}.server-rail-me.active{border-color:var(--accent);border-radius:50%}.app-shell{height:100%;display:flex}.room{flex-direction:column;flex:1;min-width:0;display:flex}.room-topbar{border-bottom:1px solid var(--line);background:var(--bg-panel);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.room-id{align-items:center;gap:12px;display:flex}.room-code{font-family:var(--font-mono);background:var(--bg-elev);border:1px solid var(--line);letter-spacing:.05em;color:var(--teal);border-radius:8px;padding:6px 12px;font-size:14px}.leave-btn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600}.leave-btn:hover{filter:brightness(1.1)}.room-body{flex:1;min-height:0;display:flex}.me-page{flex:1;padding:32px 24px;overflow-y:auto}.me-page h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:16px}.me-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:24px;max-width:420px;padding:24px;display:flex}.me-avatar{background:var(--bg-elev);border:1px solid var(--line);width:64px;height:64px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.me-form{flex-direction:column;flex:1;gap:6px;display:flex}.me-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px;font-size:12px;font-weight:600}.me-form label:first-of-type{margin-top:0}.me-form input{background:var(--bg-elev);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font-body);border-radius:9px;outline:none;padding:11px 13px;font-size:14.5px}.me-form input:focus{border-color:var(--accent)}.me-form input:disabled{opacity:.6;cursor:not-allowed}.me-form select{background:var(--bg-elev);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font-body);border-radius:9px;outline:none;padding:11px 13px;font-size:14.5px}.me-form select:focus{border-color:var(--accent)}.me-form button{cursor:pointer;font-family:var(--font-body);background:var(--accent);color:#fff;border:none;border-radius:9px;align-self:flex-start;margin-top:16px;padding:11px 16px;font-size:14.5px;font-weight:600;transition:filter .15s}.me-form button:hover{filter:brightness(1.1)}.me-form button:disabled{opacity:.45;cursor:not-allowed}.me-status-ok{color:var(--accent);margin:2px 0 0;font-size:13px}.confirm-row{flex-wrap:wrap;align-items:center;gap:8px;max-width:420px;margin-top:12px;display:flex}.confirm-row .error{width:100%;margin:0 0 4px}.danger-zone{max-width:420px;margin-top:32px}.danger-zone p{margin:0}.channels-heading{margin-top:32px}.channel-manager{flex-direction:column;gap:6px;max-width:480px;display:flex}.channel-manager-item{background:var(--bg-panel);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:8px 10px;display:flex}.channel-manager-name{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;font-size:14.5px;display:flex;overflow:hidden}.channel-manager-item button{cursor:pointer;background:var(--bg-elev);color:var(--text);border:none;border-radius:7px;flex-shrink:0;width:28px;height:28px;font-size:13px;transition:border-color .12s,background .12s}.channel-manager-item button:hover{filter:brightness(1.15)}.channel-manager-item button:disabled{opacity:.35;cursor:not-allowed}.channel-manager-item .channel-manager-danger{background:var(--danger);color:#fff}.channel-manager-confirm{color:var(--muted);flex-shrink:0;font-size:13px}.channel-manager-item .channel-manager-text-btn{white-space:nowrap;width:auto;height:auto;padding:5px 10px;font-size:12.5px;font-weight:600}.channel-manager-input{background:var(--bg-elev);border:1px solid var(--accent);min-width:0;color:var(--text);font-family:var(--font-body);border-radius:7px;outline:none;flex:1;padding:5px 8px;font-size:14px}.channel-manager-new{gap:8px;margin-top:10px;display:flex}.channel-manager-new input{background:var(--bg-elev);border:1px solid var(--line);color:var(--text);font-family:var(--font-body);border-radius:9px;outline:none;flex:1;padding:8px 12px;font-size:14px}.channel-manager-new input:focus{border-color:var(--accent)}.channel-manager-new button{cursor:pointer;font-family:var(--font-body);background:var(--accent);color:#fff;white-space:nowrap;border:none;border-radius:9px;padding:0 16px;font-size:14px;font-weight:600;transition:filter .15s}.channel-manager-new button:hover{filter:brightness(1.1)}.channel-manager-new button:disabled{opacity:.45;cursor:not-allowed}.members-manager{max-width:720px;margin-top:12px}.members-search{background:var(--bg-elev);border:1px solid var(--line);width:100%;max-width:320px;color:var(--text);font-family:var(--font-body);border-radius:9px;outline:none;margin-bottom:12px;padding:9px 12px;font-size:14px;display:block}.members-search:focus{border-color:var(--accent)}.members-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.members-table{border-collapse:collapse;width:100%;font-size:14px}.members-table th,.members-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px}.members-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-panel);font-size:12px;font-weight:600}.members-table tbody tr:last-child td{border-bottom:none}.members-name{font-weight:600}.members-email{color:var(--muted);font-size:12.5px}.members-actions{justify-content:flex-end;align-items:center;gap:8px;min-height:45px;display:flex}.members-role-btn{cursor:pointer;background:var(--accent);color:#fff;font-size:12.5px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;border-radius:7px;padding:5px 10px;transition:filter .15s}.members-role-btn:hover{filter:brightness(1.1)}.members-role-btn:disabled{opacity:.5;cursor:not-allowed}.role-modal-options{flex-direction:column;gap:4px;display:flex}.role-modal-option{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 8px;font-size:14px;display:flex}.role-modal-option:hover{background:var(--bg-elev)}.role-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.members-remove-btn{cursor:pointer;background:var(--danger);color:#fff;font-size:12.5px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;border-radius:7px;padding:5px 10px;transition:filter .15s}.members-remove-btn:hover{filter:brightness(1.1)}.members-remove-btn:disabled{opacity:.5;cursor:not-allowed}.members-cancel-btn{cursor:pointer;background:var(--bg-elev);color:var(--text);font-size:12.5px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;border-radius:7px;padding:5px 10px;transition:filter .15s}.members-cancel-btn:hover{filter:brightness(1.15)}.members-confirm-label{color:var(--muted);white-space:nowrap;font-size:12.5px}.members-pagination{align-items:center;gap:12px;margin-top:12px;display:flex}.members-pagination button{cursor:pointer;border:1px solid var(--line);background:var(--bg-elev);color:var(--text);font-size:13px;font-family:var(--font-body);border-radius:7px;padding:6px 12px;transition:filter .15s}.members-pagination button:hover:not(:disabled){filter:brightness(1.15)}.members-pagination button:disabled{opacity:.4;cursor:not-allowed}.modal-backdrop{z-index:500;background:#0a0b0fb8;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:380px;animation:.14s ease-out modal-pop-in;box-shadow:0 20px 48px #00000073}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-header h3{font-size:15.5px;font-family:var(--font-display);margin:0}.modal-close{background:var(--bg-elev);border:1px solid var(--line);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:7px;font-size:12px}.modal-close:hover{border-color:var(--accent);color:var(--text)}.modal-body{padding:18px}.join-secondary-btn{cursor:pointer;border:1px solid var(--line);background:var(--bg-elev);color:var(--text);font-family:var(--font-body);border-radius:9px;width:100%;margin-top:10px;padding:10px 16px;font-size:14.5px;font-weight:600;transition:filter .15s}.join-secondary-btn:hover{filter:brightness(1.15)}.join-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.join-status-ok{color:var(--teal);margin:12px 0 0;font-size:13px}.device-menu-wrap{position:relative}.device-menu-btn{background:var(--bg-elev);border:1px solid var(--line);width:22px;height:30px;color:var(--muted);cursor:pointer;border-radius:8px;font-size:12px;transition:border-color .12s,color .12s}.device-menu-btn:hover{border-color:var(--accent);color:var(--text)}.device-menu-popover{z-index:300;position:fixed;transform:translate(-50%)}.device-menu-root{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:220px;padding:6px;animation:.16s ease-out device-menu-slide-up;display:flex;position:relative;box-shadow:0 12px 28px #00000059}@keyframes device-menu-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.device-menu-sub{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);width:max-content;min-width:220px;max-width:340px;padding:6px;animation:.14s ease-out device-menu-slide-right;position:absolute;bottom:0;left:100%;box-shadow:0 12px 28px #00000059}@keyframes device-menu-slide-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.device-menu-row{width:100%;color:var(--text);text-align:left;font-size:13.5px;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 8px;display:flex}.device-menu-row:hover{background:var(--bg-elev)}.device-menu-row.active{background:var(--bg-elev-2);color:var(--accent)}.device-menu-arrow{color:var(--muted);margin-left:auto}.device-menu-radio{gap:10px}.device-menu-empty{padding:8px;font-size:12.5px}.device-menu-noise{padding:10px}.device-menu-noise .muted{margin:0 0 6px}.noise-calibrating{text-align:center;padding:14px 8px}.noise-countdown{font-family:var(--font-mono);color:var(--accent);margin:6px 0 0;font-size:22px}.device-menu-calibrate-btn{background:var(--accent);color:#fff;width:100%;font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:9px 8px;transition:filter .15s}.device-menu-calibrate-btn:hover{filter:brightness(1.1)}.invite-wrap{position:relative}.invite-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:filter .15s}.invite-btn:hover{filter:brightness(1.1)}.invite-popover{z-index:20;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:340px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 28px #00000059}.invite-popover p.hint{color:var(--muted);margin:8px 0 0;font-size:12.5px}.invite-link-row{gap:8px;display:flex}.invite-link-row input{flex:1;min-width:0}.invite-link-row button{cursor:pointer;font-family:var(--font-body);background:var(--bg-elev);border:none;border:1px solid var(--line);color:var(--text);white-space:nowrap;border-radius:9px;padding:0 12px;font-size:13px;font-weight:600;transition:filter .15s}.invite-link-row button:hover{filter:brightness(1.15)}.invite-popover label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px;font-size:12px;font-weight:600}.invite-popover label:first-of-type{margin-top:0}.invite-popover input,.invite-popover select{background:var(--bg-elev);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font-body);border-radius:9px;outline:none;padding:9px 11px;font-size:14px}.invite-popover input:focus,.invite-popover select:focus{border-color:var(--accent)}.invite-popover button[type=submit]{cursor:pointer;font-family:var(--font-body);background:var(--accent);color:#fff;border:none;border-radius:9px;margin-top:14px;padding:10px 14px;font-size:14px;font-weight:600;transition:filter .15s}.invite-popover button[type=submit]:hover{filter:brightness(1.1)}.invite-popover button[type=submit]:disabled{opacity:.45;cursor:not-allowed}.invite-status-ok{color:var(--teal);margin:10px 0 0;font-size:13px}.msg-menu-wrap{position:relative}.msg-menu-btn{background:var(--bg-elev);border:1px solid var(--line);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:background .12s,color .12s,border-color .12s;display:flex}.msg-menu-btn:hover{border-color:var(--accent);color:var(--text)}.msg-menu-popover{z-index:300;position:fixed}.msg-menu-root{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:190px;padding:6px;animation:.14s ease-out msg-menu-slide-down;display:flex;position:relative;box-shadow:0 12px 28px #00000059}.msg-menu-popover.opens-upward .msg-menu-root{animation-name:msg-menu-slide-up}@keyframes msg-menu-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes msg-menu-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-menu-sub{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px;animation:.12s ease-out msg-menu-slide-right;position:absolute;top:0;left:100%;box-shadow:0 12px 28px #00000059}.msg-menu-sub.opens-left{animation-name:msg-menu-slide-left;left:auto;right:100%}@keyframes msg-menu-slide-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes msg-menu-slide-left{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.msg-menu-row{width:100%;color:var(--text);text-align:left;font-size:13.5px;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px;display:flex}.msg-menu-row:hover{background:var(--bg-elev)}.msg-menu-row:disabled{color:var(--muted);cursor:default}.msg-menu-row:disabled:hover{background:0 0}.msg-menu-row.active{background:var(--bg-elev-2);color:var(--accent)}.msg-menu-danger{color:var(--danger)}.msg-menu-arrow{color:var(--muted);margin-left:auto}.msg-menu-emoji-grid{grid-template-columns:repeat(4,1fr);gap:4px;width:max-content;display:grid}.msg-menu-emoji-grid button{cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;display:flex}.msg-menu-emoji-grid button:hover{background:var(--bg-elev)}.video-stage{border-bottom:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:8px;padding:14px 20px 10px;display:flex}.video-stage-vertical{border-bottom:none;border-left:1px solid var(--line);flex-shrink:0;order:1;width:260px;height:100%}.video-stage-toolbar{align-items:center;gap:8px;display:flex}.video-layout-btn{background:var(--bg-elev);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:inline-flex}.video-layout-btn:hover{border-color:var(--accent)}.video-maximize-btn{background:var(--bg-elev);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.video-maximize-btn:hover{border-color:var(--accent)}.video-maximize-btn:disabled{opacity:.45;cursor:not-allowed}.video-row{flex-wrap:wrap;place-content:center;align-items:center;gap:12px;height:min(24vh,200px);display:flex;overflow:hidden}.video-column{flex-direction:column;flex:1;align-items:stretch;gap:12px;min-height:0;padding:2px 4px 2px 0;display:flex;overflow-y:auto}.video-tile{border:1px solid var(--line);background:#000;border-radius:12px;flex:none;position:relative;overflow:hidden}.video-tile video{object-fit:contain;display:block}.video-tile-compact{width:fit-content;max-width:calc(100% - 12px);height:calc((100% / var(--grid-rows,1)) - 12px)}.video-tile-compact video{width:auto;max-width:100%;height:calc(100% - 33px)}.video-tile-vertical{flex-shrink:0;width:100%}.video-tile-vertical video{width:100%;height:auto}.video-tile-stacked{width:calc((100% / var(--grid-cols,1)) - 12px);height:calc((100% / var(--grid-rows,1)) - 12px);flex-direction:column;display:flex}.video-tile-stacked video{flex:1;width:100%;min-height:0}.video-tile-bottom{background:#0f1016e0;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:6px;padding:5px 6px;display:flex}.video-tile-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:12px;overflow:hidden}.video-tile-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:flex}.video-tile-btn:hover{background:#ffffff3d}.video-tile-volume{width:56px;height:12px;accent-color:var(--accent);flex-shrink:0}.video-filter-wrap{position:relative}.video-filter-btn{background:var(--bg-elev);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px}.video-filter-btn:hover{border-color:var(--accent)}.video-filter-popover{z-index:30;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;width:240px;max-height:280px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 28px #00000059}.video-filter-item{cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.video-filter-show-all{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0 0;font-size:12.5px;font-weight:600}.video-maximized-overlay{z-index:100;background:#0a0b0ff5;flex-direction:column;display:flex;position:fixed;inset:0}.video-maximized-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.video-maximized-back{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.video-maximized-back:hover{filter:brightness(1.1)}.video-stack{flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:12px;min-height:0;padding:20px;display:flex;overflow:hidden}.room-sidebar{border-right:1px solid var(--line);background:var(--bg-panel);flex-direction:column;flex-shrink:0;gap:20px;width:264px;padding:16px 14px;display:flex;overflow-y:auto}.room-sidebar h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px 4px;font-size:11px}.channel-list{flex-direction:column;gap:2px;display:flex}.channel-group{flex-direction:column;display:flex}.channel-item{cursor:pointer;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.channel-item:hover{background:var(--bg-elev);color:var(--text)}.channel-item.active{background:var(--bg-elev-2);color:var(--text)}.channel-hash{font-family:var(--font-mono);font-size:13px}.channel-item.active .channel-hash{color:var(--accent)}.channel-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.channel-count{background:var(--bg-elev-2);min-width:18px;color:var(--muted);text-align:center;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:600}.channel-item.active .channel-count{background:var(--accent);color:#fff}.participant-list{border-left:1px solid var(--line);flex-direction:column;gap:2px;margin:2px 0 6px 14px;padding-left:10px;display:flex}.participant-card{border-radius:8px;align-items:center;gap:8px;padding:5px 6px;transition:background .12s;display:flex}.participant-card:hover{background:var(--bg-elev)}.participant-avatar{background:var(--bg-elev-2);width:24px;height:24px;color:var(--text);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:box-shadow .15s;display:flex}.participant-avatar.speaking{box-shadow:0 0 0 2px var(--teal)}.participant-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.participant-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.participant-you{color:var(--muted);font-weight:400}.participant-badges{color:var(--muted);align-items:center;gap:5px;font-size:12px;line-height:1;display:flex}.badge-deafened{color:var(--danger)}.participant-volume{width:44px;height:12px;accent-color:var(--accent);flex-shrink:0}.room-user{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.voice-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.voice-toggle.disabled{cursor:not-allowed}.voice-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.voice-toggle-track{background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s,border-color .15s;position:relative}.voice-toggle-thumb{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.voice-toggle input:checked~.voice-toggle-track{background:var(--teal);border-color:var(--teal)}.voice-toggle input:checked~.voice-toggle-track .voice-toggle-thumb{background:#0d1410;transform:translate(16px)}.voice-toggle input:disabled~.voice-toggle-track{opacity:.45}.voice-toggle input:not(:disabled)~.voice-toggle-track:hover{border-color:var(--teal)}.voice-toggle-label{color:var(--muted);font-size:12.5px;font-weight:600}.voice-toggle input:checked~.voice-toggle-label{color:var(--text)}.room-user-controls{flex-wrap:wrap;justify-content:center;gap:4px 6px;display:flex}.ctrl-btn-sm{background:var(--bg-elev);border:1px solid var(--line);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:background .12s,border-color .12s;display:flex}.ctrl-btn-sm:hover{border-color:var(--accent)}.ctrl-btn-sm.active{background:var(--accent);border-color:var(--accent)}.ctrl-btn-sm:disabled{opacity:.45;cursor:not-allowed}.room-main{flex-direction:column;flex:1;min-width:0;display:flex}.room-content{flex-direction:column;flex:1;min-height:0;display:flex}.room-content-vertical{flex-direction:row}.room-chat-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.channel-header{border-bottom:1px solid var(--line);font-family:var(--font-display);flex-shrink:0;align-items:center;gap:8px;padding:12px 20px;font-size:15px;display:flex}.chat-area{flex-direction:column;flex:1;gap:10px;padding:16px 20px;display:flex;overflow-y:auto}.msg-day-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;margin:4px 0;font-size:11.5px;font-weight:600;display:flex}.msg-day-divider:before,.msg-day-divider:after{content:"";background:var(--line);flex:1;height:1px}.msg{flex-direction:column;gap:4px;max-width:640px;display:flex}.msg.system{color:var(--muted);font-size:13px;font-style:italic}.msg.msg-file{align-items:flex-start}.msg.msg-own .msg-name{color:var(--accent)}.msg-content-row{flex-wrap:wrap;align-items:baseline;gap:8px;width:100%;display:flex}.msg-name{font-size:13.5px;font-weight:600}.msg-time{color:var(--muted);font-size:11px}.msg-text{color:#dadce6;word-break:break-word;font-size:14.5px;line-height:1.5}.msg.system .msg-text{color:var(--muted)}.msg-edited{color:var(--muted);font-size:11.5px;font-style:italic}.msg-menu-wrap{opacity:.5;margin-left:auto;transition:opacity .12s}.msg-actions{opacity:0;margin-left:auto;transition:opacity .1s}.msg:hover .msg-menu-wrap,.msg.msg-active .msg-menu-wrap,.msg:hover .msg-actions,.msg.msg-active .msg-actions{opacity:1}.msg-actions{align-items:center;gap:3px;display:flex}.msg-action-btn{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:background .12s,color .12s;display:flex}.msg-action-btn:hover{background:var(--bg-elev);color:var(--text)}.msg-action-btn:disabled{cursor:default}.msg-action-text-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12.5px;font-weight:600}.msg-action-text-btn:hover{text-decoration:underline}.msg-action-danger{color:var(--danger)}.msg-delete-confirm{color:var(--muted);opacity:1;gap:8px;font-size:12.5px}.msg-edit-row{align-items:center;gap:6px;width:100%;display:flex}.msg-edit-input{background:var(--bg-elev);border:1px solid var(--accent);color:var(--text);font-family:var(--font-body);border-radius:7px;outline:none;flex:1;padding:6px 10px;font-size:14px}.msg-reactions{flex-wrap:wrap;gap:5px;display:flex}.msg-reaction-pill{background:var(--bg-elev);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12.5px;transition:border-color .12s,background .12s;display:flex}.msg-reaction-pill:hover{border-color:var(--accent)}.msg-reaction-pill.mine{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, var(--bg-elev))}.msg-reaction-count{color:var(--muted);font-size:11.5px}.msg-reaction-pill.mine .msg-reaction-count{color:var(--text)}.chat-input-row{border-top:1px solid var(--line);flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.chat-input-row input{background:var(--bg-elev);border:1px solid var(--line);color:var(--text);font-family:var(--font-body);border-radius:9px;outline:none;flex:1;padding:10px 13px;font-size:14px}.chat-input-row input:focus{border-color:var(--accent)}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;flex-shrink:0;height:40px;padding:0 18px;font-size:14px;font-weight:600}.send-btn:hover{filter:brightness(1.1)}.chat-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.chat-attach-btn{background:var(--bg-elev);border:1px solid var(--line);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;transition:border-color .12s,color .12s;display:flex}.chat-attach-btn:hover{border-color:var(--accent);color:var(--accent)}.chat-attach-btn:disabled{opacity:.45;cursor:not-allowed}.chat-upload-error{margin:0 20px}.attachment-image{border:1px solid var(--line);border-radius:10px;max-width:320px;display:block;overflow:hidden}.attachment-image img{object-fit:contain;background:#000;width:100%;max-height:320px;display:block}.attachment-file{background:var(--bg-elev);border:1px solid var(--line);max-width:320px;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;text-decoration:none;transition:border-color .12s;display:inline-flex}.attachment-file:hover{border-color:var(--accent)}.attachment-file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.attachment-file-size{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:12px}.muted{color:var(--muted);font-size:13px}