:root{--orange: #ff5c00;--orange-hover: #ff7626;--orange-glow: rgba(255, 92, 0, .35);--orange-subtle: rgba(255, 92, 0, .12);--accent: #ff5c00;--accent-hover: #ff7626;--accent-glow: rgba(255, 92, 0, .35);--accent-subtle: rgba(255, 92, 0, .12);--bg: #111415;--bg-elev: #191c1d;--bg-elev-2: #1d2021;--bg-elev-3: #282a2b;--bg-dark-rail: #0c0f10;--danger: #ff4d4d;--text: #e1e3e4;--text-dim: #9ca3af;--green: #10b981;--cyan: #06b6d4;--yellow: #f59e0b;--border: rgba(255, 255, 255, .08);--radius: 8px;--font-main: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;font-family:var(--font-main)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);overflow:hidden}button{font-family:inherit;cursor:pointer}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg)}.app-main{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.titlebar{height:32px;background:var(--bg-dark-rail);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding-left:12px;-webkit-user-select:none;user-select:none;-webkit-app-region:drag;flex-shrink:0;z-index:9999}.titlebar-left{display:flex;align-items:center;gap:6px}.titlebar-icon{width:18px;height:18px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 4px rgba(255,92,0,.25))}.titlebar-title{font-family:var(--font-main);font-weight:800;font-size:13px;letter-spacing:-.02em;display:inline-flex;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none}.titlebar-title-orb{color:var(--orange, #ff5c00)}.titlebar-title-squad{color:#fff}.titlebar-controls{display:flex;align-items:center;height:100%;-webkit-app-region:no-drag}.titlebar-btn{width:44px;height:32px;border:none;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;outline:none}.titlebar-btn:hover{background:#ffffff12;color:var(--text)}.titlebar-btn-close{width:46px}.titlebar-btn-close:hover{background:#e81123!important;color:#fff!important}.home{height:100%;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}.home-card{width:100%;max-width:420px;background:var(--bg-elev);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px #00000059;display:flex;flex-direction:column;gap:14px;margin:auto 0}.brand{display:flex;align-items:center;gap:10px}.brand-dot{width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.brand h1{margin:0;font-size:22px;font-weight:700}.tagline{margin:0 0 6px;color:var(--text-dim);font-size:13px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-dim)}.field input{background:var(--bg);border:1px solid #1a1b1e;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px;outline:none}.field input:focus{border-color:var(--orange)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{flex:1;padding-right:105px}.paste-btn{position:absolute;right:6px;background:#ffffff14;color:var(--text, #f2f3f5);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.paste-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.btn{background:var(--bg-elev-2);color:var(--text);border:none;border-radius:8px;padding:11px 14px;font-size:14px;font-weight:600;transition:background .15s}.btn:hover{background:#3a3c41}.btn.primary{background:var(--orange);color:#fff}.btn.primary:hover{background:var(--orange-hover)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{filter:brightness(.9)}.btn:disabled{opacity:.55;cursor:not-allowed}.divider{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#3a3c41}.link-btn{background:none;border:none;color:var(--orange);font-size:13px;padding:4px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .15s ease}.link-btn:hover{opacity:.85}.home-footer-links{display:flex;justify-content:space-between;align-items:center;width:100%}.settings-box{display:flex;flex-direction:column;gap:12px;background:#171a1b;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:10px}.device-settings{display:flex;flex-direction:column;gap:14px;width:100%}.device-settings select{width:100%;background:#111415;color:#e1e3e4;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 36px 10px 14px;font-size:13px;font-family:var(--font-main);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff5c00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;transition:all .2s ease}.device-settings select:focus{border-color:var(--orange);box-shadow:0 0 12px #ff5c0040}.device-settings select option{background-color:#191c1d;color:#e1e3e4;padding:8px}.audio-toggles{display:flex;flex-direction:column;gap:8px;background:#111415;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px}.toggle-field{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#e1e3e4;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.toggle-label input[type=checkbox]{accent-color:var(--orange);width:16px;height:16px;cursor:pointer}.mic-test{display:flex;flex-direction:column;gap:8px;background:#111415;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 14px;margin-top:4px}.mic-test-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mic-test-head span{font-size:13px;font-weight:600;color:#e1e3e4}.mic-test-head .btn.small{background:var(--orange);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-family:var(--font-mono);font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.mic-test-head .btn.small:hover{background:var(--orange-hover);box-shadow:0 4px 12px #ff5c004d}.level-bar{height:8px;width:100%;background:#191c1d;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden;margin-top:2px}.level-fill{height:100%;background:linear-gradient(90deg,var(--orange),#10b981);border-radius:4px;transition:width .05s ease-out}.field-note{font-size:11px;color:#9ca3af;margin-top:2px}.toggle{display:flex;justify-content:space-between;align-items:center;font-size:13px}.toggle-row{display:flex;flex-direction:column;gap:4px}.toggle-label{display:flex;align-items:center;gap:6px}.info{color:var(--text-dim);display:inline-flex;cursor:help}.toggle-hint{margin:0;font-size:11px;color:var(--text-dim);line-height:1.35}.tile.compact .self-screen{width:100%;max-width:100%;max-height:80px;border-radius:6px;overflow:hidden;background:#000;flex-shrink:0}.tile.compact .self-screen video{width:100%;height:80px;object-fit:contain;display:block}.tile.compact .tile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{background:#ed424526;color:#ff6b6e;font-size:13px;padding:8px 10px;border-radius:8px}.error-toast{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ed424533;border:1px solid rgba(237,66,69,.4);color:#ff8083;padding:8px 12px;border-radius:8px}.error-close-btn{background:transparent;border:none;color:#ff8083;font-size:16px;font-weight:700;line-height:1;padding:2px 6px;border-radius:4px;cursor:pointer;opacity:.8;transition:opacity .15s,background .15s}.error-close-btn:hover{opacity:1;background:#ffffff26}.link-btn.active{background:#ff5c0026;color:var(--orange);border-color:var(--orange);font-weight:600}.shortcut-field{margin-top:12px;margin-bottom:12px}.shortcut-recorder{display:flex;align-items:center;justify-content:space-between;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;cursor:pointer;outline:none;transition:border-color .2s,background .2s}.shortcut-recorder:hover,.shortcut-recorder:focus{border-color:var(--orange)}.shortcut-recorder.recording{border-color:var(--orange);background:#ff5c001a;box-shadow:0 0 10px var(--orange-glow)}.shortcut-value{font-family:var(--font-mono);font-weight:700;font-size:13.5px;color:var(--text);letter-spacing:.5px}.shortcut-hint{font-size:11.5px;color:var(--text-dim)}.afk-badge{background:#f59e0b;color:#111;font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px;letter-spacing:.5px}.ctrl.afk-active{background:#f59e0b;color:#111;font-weight:700}.recent{margin-top:6px}.recent-title{font-size:12px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;letter-spacing:.4px}.recent-items{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.recent-item{display:flex;align-items:center;gap:10px;background:var(--bg-elev-2);border:none;border-radius:8px;padding:8px 10px;color:var(--text);text-align:left}.recent-item:hover{background:#3a3c41}.recent-avatar{width:28px;height:28px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.recent-name{flex:1;font-size:14px}.recent-time{font-size:11px;color:var(--text-dim)}.call{height:100%;display:flex;flex-direction:column}.call-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--bg-elev);border-bottom:1px solid #1a1b1e}.call-info{display:flex;align-items:center;gap:12px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--yellow)}.status-dot[data-status=connected]{background:var(--green)}.status-dot[data-status=connecting]{background:var(--yellow)}.status-dot[data-status=failed],.status-dot[data-status=disconnected]{background:var(--danger)}.room-code{font-weight:700;letter-spacing:1px;font-size:15px}.peer-count{color:var(--text-dim);font-size:13px}.call-actions{display:flex;gap:10px}.copy-btn{background:var(--bg-elev-2);border:none;color:var(--text);border-radius:8px;padding:8px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s ease}.copy-btn:hover{background:#3a3c41}.copy-btn.copied{background:var(--green);color:#fff}.grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:18px;overflow:auto;align-content:start}.stage{flex:1;display:flex;min-height:0;background:var(--bg)}.stage .screens{flex:1;display:flex;gap:12px;padding:14px;overflow:auto;align-items:center;justify-content:center;background:#000}.stage .screen-tile{min-width:0;width:100%;height:100%;max-height:none;border-radius:10px}.stage .screen-tile video{width:100%;height:100%;object-fit:contain}.stage-side{width:240px;flex:0 0 240px;display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;background:var(--bg-elev);border-left:1px solid #1a1b1e}.screens{display:flex;gap:12px;padding:12px 18px;overflow-x:auto;background:var(--bg);border-bottom:1px solid #1a1b1e}.screen-tile{position:relative;background:#000;border-radius:10px;overflow:hidden;min-width:280px;max-height:240px;flex:0 0 auto}.screen-tile video{width:100%;height:100%;object-fit:contain;display:block}.screen-label{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;font-size:12px;padding:3px 8px;border-radius:6px}.screen-fs{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:12px}.screen-fs:hover{background:#000000d9}.screen-tile.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;border-radius:0;max-height:none;min-width:0;width:100%;height:100%}.tile.compact{position:relative;flex-direction:row;padding:8px 10px;gap:8px;border-radius:8px;align-items:flex-start;min-width:0;max-width:100%}.tile.compact.has-screen{flex-direction:column;align-items:stretch}.tile.compact .tile-avatar{width:34px;height:34px;font-size:16px;flex-shrink:0}.tile.compact .tile-name{font-size:13px;flex:1}.tile{background:var(--bg-elev);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid transparent;transition:border-color .1s}.tile.speaking{border-color:var(--green);box-shadow:0 0 14px #23a55a66}.tile.muted{opacity:.7}.tile-avatar{position:relative;width:64px;height:64px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;overflow:hidden;isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.tile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#171a1b;border:2px solid var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;z-index:2;box-sizing:border-box}.tile-avatar-overlay .muted-icon{display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.tile-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.tile-controls{display:flex;align-items:center;gap:8px;margin-top:4px}.tile-controls .mini{background:var(--bg-elev-2);border:none;border-radius:6px;padding:4px 6px;font-size:14px}.tile-controls .mini.active{background:var(--danger)}.tile-controls input[type=range]{width:90px;accent-color:var(--orange)}.host-badge{font-size:9px;background:var(--orange);color:#fff;padding:2px 5px;border-radius:4px;letter-spacing:.5px}.muted-icon{font-size:13px}.tile-icons{display:flex;align-items:center;gap:6px;margin-top:2px}.self-sharing-note{color:var(--text-dim);font-size:14px;text-align:center;padding:20px}.call-footer{display:flex;justify-content:center;padding:14px;background:var(--bg-elev);border-top:1px solid #1a1b1e;position:relative;z-index:5;pointer-events:auto}.controls{display:flex;gap:12px;pointer-events:auto}.ctrl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg-elev-2);border:none;border-radius:10px;padding:10px 18px;color:var(--text);font-size:20px;min-width:76px}.ctrl span{font-size:11px}.ctrl.active{background:var(--danger);color:#fff}.call-body{flex:1;display:flex;min-height:0}.call-body .stage,.call-body .grid{flex:1;min-height:0}.chat-panel{width:300px;flex:0 0 300px;display:flex;flex-direction:column;background:var(--bg-elev);border-left:1px solid #1a1b1e;min-height:0}.chat-title{padding:12px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);border-bottom:1px solid #1a1b1e}.chat-messages{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.chat-empty{color:var(--text-dim);font-size:13px;text-align:center;margin-top:20px}.chat-msg{display:flex;flex-direction:column;gap:2px;background:var(--bg-elev-2);border-radius:8px;padding:6px 9px}.chat-msg.self{background:var(--orange)}.chat-msg.self .chat-name,.chat-msg.self .chat-text{color:#fff}.chat-name{font-size:11px;font-weight:700;color:var(--orange)}.chat-text{font-size:13px;word-break:break-word;white-space:pre-wrap}.chat-input{display:flex;gap:6px;padding:10px;border-top:1px solid #1a1b1e}.chat-input input{flex:1;background:var(--bg);border:1px solid #1a1b1e;color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px;outline:none}.chat-input input:focus{border-color:var(--orange)}.btn.small{padding:8px 12px;font-size:13px}.status-dot.small{width:9px;height:9px;flex-shrink:0}.status-dot.small.on{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.small.off{background:#4a4d52}.recent-item.offline{opacity:.5;cursor:not-allowed}.recent-item.offline:hover{background:var(--bg-elev-2)}.mode-select{max-width:460px}.mode-card{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--bg-elev-2);border:1px solid #1a1b1e;border-radius:10px;padding:16px;color:var(--text);margin-top:6px}.mode-card:hover{border-color:var(--orange)}.mode-card.pro:hover{border-color:var(--green)}.mode-title{font-size:16px;font-weight:700}.mode-desc{font-size:13px;color:var(--text-dim);line-height:1.4}.dev-tools-box{background:#f0b23214;border:1px dashed rgba(240,178,50,.4);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.dev-tools-title{font-size:11px;font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.5px}.dev-tools-btns{display:flex;gap:6px}.dev-btn{flex:1;font-size:12px;padding:6px 8px;background:var(--bg-elev-2);border-radius:6px}.dev-btn:hover{background:var(--orange);color:#fff}.pro{height:100%;display:flex;background-color:var(--bg);color:var(--text);font-family:var(--font-main)}.pro-servers{width:72px;flex:0 0 72px;background:var(--bg-dark-rail);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;overflow-y:auto}.pro-servers-divider{width:32px;height:2px;background:#ffffff14;border-radius:1px}.pro-server-add{width:48px;height:48px;border-radius:var(--radius);border:1px dashed rgba(255,255,255,.2);background:#ffffff08;color:var(--text);font-size:22px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.pro-server-add:hover{background:var(--orange);border-color:var(--orange);border-style:solid;color:#fff;box-shadow:0 0 16px var(--orange-glow)}.pro-server{width:48px;height:48px;border-radius:14px;border:3px solid transparent;background:var(--bg-elev);color:var(--text);font-weight:700;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.pro-server img,.pro-server-badge{border-radius:10px!important;object-fit:cover}.pro-server:hover{background:var(--bg-elev-2);border-color:var(--orange);color:#fff;box-shadow:0 0 10px var(--orange-glow)}.pro-server.active{background:var(--bg-elev);color:#fff;border:3px solid var(--orange)!important;box-shadow:0 0 16px var(--orange-glow)!important}.pro-server.in-voice{border-color:#22c55e!important;box-shadow:0 0 16px #22c55ebf!important}.pro-server.active.in-voice{border-color:#22c55e!important;box-shadow:0 0 18px #22c55ecc,0 0 8px var(--orange-glow)!important}.pro-channels{width:250px;flex:0 0 250px;background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px;gap:6px;overflow-y:auto}.pro-server-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.pro-server-name{font-weight:700;font-size:15px;letter-spacing:-.2px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel-sidebar{width:280px;flex:0 0 280px;background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.user-panel-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border);background:var(--bg-elev);flex-shrink:0}.user-panel-title{font-weight:700;font-size:16px;letter-spacing:-.3px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel-top-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-elev);border-bottom:1px solid var(--border);flex-shrink:0}.user-panel-tabs{display:flex;align-items:center;gap:8px}.user-panel-tab-btn{position:relative;padding:7px 14px;border-radius:var(--radius);border:1px solid transparent;background:#ffffff0a;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.tab-unread-dot{position:absolute;top:3px;right:4px;width:8px;height:8px;border-radius:50%;background-color:gold;box-shadow:0 0 6px gold,0 0 10px #ffd700cc;animation:tab-dot-pulse 2s infinite ease-in-out;pointer-events:none}@keyframes tab-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 6px gold,0 0 10px #ffd700cc}50%{transform:scale(1.3);box-shadow:0 0 10px gold,0 0 16px gold}}.dm-unread-badge{background:var(--orange, #ff5c00);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;box-shadow:0 0 8px #ff5c0099;margin-left:auto;flex-shrink:0}.user-panel-tab-btn:hover{background:#ffffff14;color:var(--text)}.user-panel-tab-btn.active{background:#f9731629;color:var(--orange);border-color:#f9731659;font-weight:700;box-shadow:0 2px 10px #f973161f}.user-panel-settings-btn{width:34px;height:34px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.user-panel-settings-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.user-panel-add-friend-btn{background:#f9731626;color:var(--orange);border:1px solid rgba(249,115,22,.3);border-radius:var(--radius);padding:5px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;position:relative;transition:all .15s ease}.user-panel-add-friend-btn:hover{background:var(--orange);color:#fff;box-shadow:0 0 12px var(--orange-glow)}.user-panel-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);position:absolute;top:-2px;right:-2px;border:2px solid var(--bg-elev)}.user-panel-badge{margin-left:auto;background:var(--danger);color:#fff;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #ef444466}.user-panel-content-list{flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:12px 10px 40px}.user-panel-section-title{font-size:11px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}.user-panel-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius);cursor:pointer;background:#ffffff05;border:1px solid transparent;transition:all .18s ease;margin-bottom:2px}.user-panel-item:hover{background:#ffffff0f;border-color:#ffffff14}.user-panel-item.active{background:#f973161f;border-color:#f9731647;box-shadow:0 2px 8px #0003}.user-panel-main{flex:1;background:var(--bg);display:flex;flex-direction:column;height:100%;overflow:hidden}.user-panel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.user-panel-modal-card{width:460px;max-width:90vw;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #00000080;overflow:hidden;display:flex;flex-direction:column}.user-panel-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:#ffffff05}.user-panel-modal-title{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.user-panel-modal-close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.user-panel-modal-close:hover{background:#ffffff1a;color:#fff}.user-panel-modal-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 16px;gap:12px;background:#00000026}.user-panel-modal-tab-btn{padding:12px 16px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;transition:all .15s ease}.user-panel-modal-tab-btn:hover{color:var(--text)}.user-panel-modal-tab-btn.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:700}.user-panel-modal-body{padding:20px;max-height:360px;overflow-y:auto}.pro-invite-btn{background:var(--orange);color:#fff;border:none;border-radius:var(--radius);padding:5px 12px;font-size:11px;font-weight:700;font-family:var(--font-mono);transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.pro-invite-btn:hover{background:var(--orange-hover);box-shadow:0 4px 12px var(--orange-glow)}.pro-server-header-invite-btn{background:transparent;color:var(--text-muted, #949ba4);border:none;border-radius:var(--radius, 6px);padding:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .1s ease}.pro-server-header-invite-btn:hover{background:#ffffff14;color:#fff;transform:translateY(-1px)}.pro-server-header-invite-btn:active{transform:translateY(0)}.invite-modal-container{max-width:480px;padding:20px 24px;background:var(--bg-elev, #1e1f22);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:12px;box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;gap:16px}.invite-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-modal-title{margin:0;font-size:16px;font-weight:700;color:#fff;line-height:1.3}.invite-modal-close-btn{background:transparent;border:none;color:var(--text-muted, #949ba4);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.invite-modal-close-btn:hover{color:#fff;background:#ffffff14}.invite-search-wrap{position:relative;display:flex;align-items:center;width:100%}.invite-search-icon{position:absolute;left:12px;pointer-events:none}.invite-search-input{width:100%;background:var(--bg-dark, #111214);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;padding:9px 12px 9px 36px;font-size:13px;color:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.invite-search-input:focus{border-color:var(--cyan, #00ffff);box-shadow:0 0 0 2px #00ffff26}.invite-friends-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.invite-friends-list::-webkit-scrollbar{width:5px}.invite-friends-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.invite-empty-state{padding:24px 12px;text-align:center;font-size:13px;color:var(--text-dim, #80848e)}.invite-friend-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#ffffff05;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.invite-friend-item:hover{background:#ffffff0d;border-color:#ffffff0f}.invite-friend-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.invite-friend-names{display:flex;flex-direction:column;min-width:0}.invite-friend-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-friend-sub{font-size:11px;color:var(--text-dim, #80848e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-friend-btn{background:transparent;color:var(--cyan, #00ffff);border:1px solid var(--cyan, #00ffff);border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.invite-friend-btn:hover:not(:disabled){background:var(--cyan, #00ffff);color:#000}.invite-friend-btn:disabled{opacity:.7;cursor:not-allowed}.invite-friend-btn.sent{background:#248046;border-color:#248046;color:#fff;opacity:1}.invite-friend-btn.error{border-color:#ed4245;color:#ed4245}.invite-code-section{padding-top:12px;border-top:1px solid var(--border, rgba(255, 255, 255, .08));display:flex;flex-direction:column;gap:8px}.invite-code-label{font-size:11px;font-weight:700;color:var(--text-dim, #80848e);text-transform:uppercase;letter-spacing:.5px}.invite-code-box{display:flex;gap:8px;align-items:center}.invite-code-input{flex:1;background:var(--bg-dark, #111214);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:6px;padding:8px 12px;font-size:13px;font-family:var(--font-mono, monospace);color:#fff;outline:none}.invite-hint{font-size:11px;color:var(--text-dim, #80848e)}.pro-channel-list{flex:1;display:flex;flex-direction:column;gap:3px;overflow-y:auto;padding-bottom:80px}.pro-channel-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px}.pro-channel-section-title{font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);padding:0;margin:0}.pro-channel-sort-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.7}.pro-channel-sort-btn:hover{color:var(--text);opacity:1;background:var(--bg-hover)}.pro-channel-sort-btn.active{color:#10b981;opacity:1;background:#10b98126}.pro-channel{width:100%;background:transparent;border:1px solid transparent;color:var(--text-dim);text-align:left;padding:8px 10px;border-radius:var(--radius);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .15s ease;position:relative;cursor:pointer}.pro-channel .channel-icon{font-size:14px;opacity:.7;display:inline-flex;align-items:center;justify-content:center}.pro-channel .channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-tag-badges-container{display:inline-flex;align-items:center;margin-left:6px;max-width:90px;overflow:hidden;height:18px}.channel-tag-badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;white-space:nowrap;line-height:14px;transition:opacity .3s ease-in-out}.channel-tag-badge.fade-in{opacity:1}.channel-tag-badge.fade-out{opacity:0}.pro-channel:hover{background:#ffffff0a;color:var(--text)}.pro-channel.active{background:var(--accent-subtle, rgba(255, 92, 0, .12));color:#fff;border-color:var(--accent-glow, rgba(255, 92, 0, .3));font-weight:600}.pro-channel.active:before{content:"";position:absolute;left:-10px;top:20%;bottom:20%;width:4px;background:var(--orange);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--orange-glow)}.pro-channel-options-btn{background:transparent;border:none;color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:1px;padding:0;max-width:0;opacity:0;overflow:hidden;border-radius:4px;cursor:pointer;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .15s ease,padding .2s ease,background .15s ease,color .15s ease;line-height:1;flex-shrink:0;pointer-events:none;display:inline-flex;align-items:center;justify-content:center}.pro-channel:hover .pro-channel-options-btn,.pro-channel-options-btn:has(.pro-channel-menu){opacity:1;max-width:32px;padding:2px 5px;pointer-events:auto;overflow:visible;z-index:9999}.pro-channel-options-btn:hover{background:#ffffff1f;color:var(--text)}.pro-channel.voice.connected{background:#10b9811f;color:var(--green);border-color:#10b9814d;font-weight:600}.voice-count-badge{background:#10b98133;color:var(--green);font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;flex-shrink:0}.self-author,.is-self,.is-self-name{color:var(--orange, #ff5c00)!important}.self-tag{color:var(--orange, #ff5c00);font-size:11px;font-weight:500;margin-left:4px;opacity:.85}.pro-voice-channel-group{display:flex;flex-direction:column}.pro-voice-submembers{margin-left:20px;padding-left:8px;border-left:2px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px;margin-top:2px;margin-bottom:4px}.pro-voice-submember{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font-size:12px;color:var(--text);background:#ffffff05}.submember-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speaking-wave{display:flex;align-items:flex-end;gap:2px;height:10px}.speaking-wave span{width:2px;height:100%;background:var(--green);border-radius:1px;animation:wave 1s infinite ease-in-out alternate}.speaking-wave span:nth-child(2){animation-delay:.2s}.speaking-wave span:nth-child(3){animation-delay:.4s}@keyframes wave{0%{height:20%}to{height:100%}}.speaking-badge{font-size:11px;color:#10b981;font-weight:600;margin-left:6px}@keyframes voicePulse{0%{box-shadow:0 0 0 2px var(--green),0 0 4px #10b98166}50%{box-shadow:0 0 0 3px var(--green),0 0 10px #10b981cc}to{box-shadow:0 0 0 2px var(--green),0 0 4px #10b98166}}.submember-avatar.speaking-avatar{animation:voicePulse 1.2s infinite ease-in-out}.pro-voice-submember{position:relative;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease;border:1px solid transparent;z-index:1}.pro-voice-submember:hover{background:#ffffff0a}.pro-voice-submember.context-active{border-color:var(--orange)!important;box-shadow:0 0 12px var(--orange-glow);background:#ff5c001f!important;z-index:1000!important}.submember-icons{display:flex;align-items:center;gap:4px;margin-left:auto}.submember-icon-badge{display:inline-flex;align-items:center;justify-content:center;color:#ffffffe6;background:transparent!important;padding:0!important}.submember-icon-badge.local-muted{color:#f59e0b!important}.submember-icon-badge.server-muted{color:var(--danger, #ff4d4f)!important}.voice-volume-popover{min-width:190px;background:#14171d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px;box-shadow:0 8px 24px #000c;display:flex;flex-direction:column;gap:8px;animation:fadeIn .12s ease-out}.popover-title{font-size:12px;font-weight:700;color:var(--text);padding:2px 4px 6px;border-bottom:1px solid var(--border)}.popover-slider-section{display:flex;flex-direction:column;gap:6px;padding:4px 2px}.popover-slider-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-dim)}.popover-vol-val{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--orange)}.popover-slider-row{display:flex;align-items:center}.popover-vol-slider{width:100%;accent-color:var(--orange);cursor:pointer}.pro-channel-menu-item.mute-btn.active-mute{background:#ff4d4d2e!important;color:var(--danger)!important;font-weight:700;border:1px solid rgba(255,77,77,.3)}.pro-channel-menu-item.mute-btn.active-mute:hover{background:#ff4d4d47!important;color:var(--text)!important}.pro-channel.unread .channel-name{font-weight:700!important;color:#fff}.unread-badge{background:var(--primary, var(--orange));color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;line-height:1.4;flex-shrink:0}.pro-channel-actions{display:flex;gap:6px;margin-top:8px}.pro-channel-actions button{flex:1;background:#ffffff0a;border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:6px;font-size:11px;font-weight:600;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1}.pro-channel-actions button:hover{background:var(--bg-elev-2);color:var(--text);border-color:#ffffff26}.pro-voice-bar{background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;margin-top:6px;transition:all .25s ease}.pro-voice-bar.is-connecting{background:#94a3b814;border-color:#94a3b84d}.pro-voice-bar.is-reconnecting{background:#f59e0b14;border-color:#f59e0b59}.pro-voice-bar.is-failed{background:#ef444414;border-color:#ef444459}.voice-bar-info{display:flex;align-items:center;gap:8px}.voice-bar-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.voice-bar-dot.connecting{background:#94a3b8;box-shadow:0 0 8px #94a3b8;animation:pulse-dot 1.2s infinite ease-in-out}.voice-bar-dot.reconnecting{background:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:pulse-dot 1.5s infinite ease-in-out}.voice-bar-dot.failed{background:#ef4444;box-shadow:0 0 8px #ef4444}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.voice-bar-text{display:flex;flex-direction:column;overflow:hidden}.voice-bar-status{font-size:10px;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pro-voice-bar.is-connecting .voice-bar-status{color:#94a3b8}.pro-voice-bar.is-reconnecting .voice-bar-status{color:#f59e0b}.pro-voice-bar.is-failed .voice-bar-status{color:#ef4444}.voice-bar-channel{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-bar-controls{display:flex;gap:6px}.voice-bar-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:8px;padding:6px;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.voice-bar-btn:hover{background:#ffffff1f}.voice-bar-btn.active{background:#ffffff26;border-color:#ffffff40;color:#fff}.voice-bar-btn.disconnect{background:var(--danger);border-color:transparent;color:#fff}.voice-bar-btn.disconnect:hover{filter:brightness(.9)}.pro-logout{margin-top:auto;background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:8px;font-size:12px;transition:all .15s ease}.pro-logout:hover{background:#ef44441a;color:var(--danger);border-color:#ef44444d}.pro-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.pro-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-elev);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:56px;min-height:56px;box-sizing:border-box;flex-shrink:0}.pro-header-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;min-width:0;flex:1;margin-right:12px}.pro-header-title .hashtag{color:var(--orange);font-size:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.pro-header-divider{width:1px;height:16px;background:var(--border);margin:0 4px;flex-shrink:0}.pro-header-desc{font-size:13px;font-weight:400;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.pro-members-toggle-btn{position:relative;padding:7px 14px;border-radius:var(--radius);border:1px solid transparent;background:#ffffff0a;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.pro-members-toggle-btn:hover{background:#ffffff14;color:var(--text)}.pro-members-toggle-btn.active{background:#f9731629;color:var(--orange);border-color:#f9731659;font-weight:700;box-shadow:0 2px 10px #f973161f}.pro-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.pro-messages.pro-chat-fade-in{animation:proChatFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes proChatFadeIn{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pro-msg-date-divider{display:flex;align-items:center;justify-content:center;margin:12px 0 0;position:relative;-webkit-user-select:none;user-select:none}.pro-msg-date-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border, rgba(255, 255, 255, .1));z-index:1}.pro-msg-date-divider span{position:relative;z-index:2;background:var(--bg-1, #0f172a);padding:3px 12px;border-radius:12px;border:1px solid var(--border, rgba(255, 255, 255, .12));font-size:11px;font-weight:600;color:var(--text-dim, #94a3b8);box-shadow:0 2px 6px #00000040}.pro-messages-empty{margin:auto;text-align:center;color:var(--text-dim)}.pro-messages-empty h3{color:var(--text);margin-bottom:6px}.pro-msg{display:flex;gap:12px;padding:2px 10px;border-radius:10px;transition:background .15s ease;position:relative}.pro-msg.pro-msg-sub{margin-top:-8px;padding-left:58px;position:relative}.pro-msg.pro-msg-sub .pro-msg-sub-hover-time{position:absolute;left:12px;top:7px;font-size:10px;color:var(--text-dim, #94a3b8);opacity:0;transition:opacity .12s ease;pointer-events:none;font-feature-settings:"tnum"}.pro-msg.pro-msg-sub:hover .pro-msg-sub-hover-time{opacity:.75}.pro-msg-edited-badge{font-size:10px;color:var(--text-dim, #94a3b8);margin-left:6px;cursor:help;-webkit-user-select:none;user-select:none;opacity:.85}.pro-msg-edited-badge:hover{text-decoration:underline;opacity:1}.pro-msg-edit-box{display:flex;flex-direction:column;gap:6px;margin-top:4px;width:100%}.pro-msg-edit-input{background:#0f172ad9;border:1px solid var(--orange, #f97316);border-radius:6px;color:var(--text, #f8fafc);padding:8px 12px;font-size:14px;outline:none;font-family:inherit;width:100%;box-shadow:0 0 0 2px #f973162e}.pro-msg-edit-hint{font-size:11px;color:var(--text-dim, #94a3b8)}.pro-msg-edit-hint .pro-edit-link{background:none;border:none;color:var(--orange, #f97316);padding:0;font-size:11px;font-weight:600;cursor:pointer;text-decoration:underline}.pro-msg:hover{background:#ffffff05}.pro-msg-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--cyan));color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pro-msg-content{flex:1;display:flex;flex-direction:column;gap:2px}.pro-msg-meta{display:flex;align-items:baseline;gap:8px}.pro-msg-author{margin-bottom:2px;font-weight:700;font-size:14px;color:var(--text)}.pro-msg-time{font-size:11px;color:var(--text-dim)}.pro-msg-body{font-size:14px;color:#cbd5e1;line-height:1.45;word-break:break-word;white-space:pre-wrap}.pro-msg.is-pinned-msg{background:#ff5c000a}.pro-msg-pinned-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--orange, #ff5c00);background:var(--orange-subtle, rgba(255, 92, 0, .12));border:1px solid rgba(255,92,0,.22);padding:2px 6px;border-radius:4px;margin-left:6px}.pro-msg-actions{position:absolute;right:12px;top:-12px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform:translateY(4px);background:var(--bg-elev, #1e293b);border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:8px;box-shadow:0 4px 16px #0006;display:flex;align-items:center;padding:3px;gap:2px;z-index:50}.pro-msg:hover .pro-msg-actions,.pro-msg-actions.active{opacity:1;pointer-events:auto;transform:translateY(0)}.pro-msg-action-btn{background:transparent;border:none;color:var(--text-dim, #94a3b8);padding:5px 7px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.pro-msg-action-btn:hover{background:#ffffff1a;color:var(--text, #f8fafc)}.pro-msg-action-btn.danger:hover{background:#ef44442e;color:var(--danger, #ef4444)}.pro-msg-popover-menu{min-width:170px;background:var(--bg-elev, #1e293b);border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:8px;padding:4px;box-shadow:0 8px 24px #0009;display:flex;flex-direction:column;gap:2px;animation:fadeIn .12s ease-out}.pro-pinned-bar{background:var(--bg-elev);border-bottom:1px solid var(--border);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.pro-pinned-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);border-top-right-radius:2px;border-bottom-right-radius:2px}.pro-pinned-left{display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0}.pro-pinned-icon-box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border);color:var(--orange);flex-shrink:0}.pro-pinned-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.pro-pinned-title-row{display:flex;align-items:center;gap:8px}.pro-pinned-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--orange)}.pro-pinned-author{font-weight:600;color:var(--text);font-size:12px}.pro-pinned-text{color:var(--text-dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-pinned-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pro-pinned-pager{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);font-weight:600;background:#ffffff0a;padding:3px 8px;border-radius:var(--radius);border:1px solid var(--border)}.pro-pinned-pager button{background:transparent;border:none;color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;cursor:pointer;transition:all .15s ease}.pro-pinned-pager button:hover{background:#ffffff14;color:var(--text)}.pro-pinned-go-btn{font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.pro-pinned-go-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.settings-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-1, #0f172a);display:flex;width:100vw;height:100vh;overflow:hidden;animation:fadeIn .15s ease-out}.settings-fullscreen-container{display:flex;width:100%;height:100%}.settings-sidebar{width:240px;background:var(--bg-elev, #1e293b);border-right:1px solid var(--border, rgba(255, 255, 255, .1));display:flex;flex-direction:column;padding:32px 16px 20px 24px;flex-shrink:0;-webkit-user-select:none;user-select:none}.settings-sidebar-header{margin-bottom:20px;padding-left:8px}.settings-sidebar-header h3{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--text-dim, #94a3b8);text-transform:uppercase;margin:0}.settings-nav{display:flex;flex-direction:column;gap:4px;flex:1}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-dim, #94a3b8);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.settings-nav-item:hover{background:#ffffff0f;color:var(--text, #f8fafc)}.settings-nav-item.active{background:#f973161f;color:var(--orange, #f97316);font-weight:600}.settings-sidebar-footer{border-top:1px solid var(--border, rgba(255, 255, 255, .1));padding-top:12px;margin-top:auto}.settings-nav-item.logout-btn:hover{background:#ef444426;color:var(--danger, #ef4444)}.settings-main-content{flex:1;display:flex;flex-direction:column;position:relative;background:var(--bg, #111415);overflow:hidden}.settings-close-header{position:absolute;top:24px;right:36px;z-index:10}.settings-close-btn{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-dim, #94a3b8);cursor:pointer;width:36px;height:36px;border-radius:50%;transition:all .15s ease}.settings-close-btn:hover{background:#ffffff1f;color:var(--text, #f8fafc);transform:scale(1.06)}.settings-scroll-column{flex:1;overflow-y:auto;padding:68px 60px 40px;max-width:860px;margin:0 auto;width:100%}.settings-section{display:flex;flex-direction:column;gap:20px;animation:fadeIn .2s ease-out}.settings-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.settings-title{font-size:22px;font-weight:700;color:var(--text, #f8fafc);margin:0;line-height:1.3}.settings-subtitle{font-size:13px;color:var(--text-dim, #94a3b8);margin:0;line-height:1.4}.device-settings-single-column{display:flex;flex-direction:column;gap:20px;width:100%}.shortcuts-section-group{display:flex;flex-direction:column;gap:16px;width:100%}.orbsquad-profile-hero{position:relative;background:linear-gradient(135deg,#ff550014,#0f172a99);border:1px solid rgba(255,85,0,.2);border-radius:16px;padding:24px 28px;display:flex;align-items:center;gap:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.orbsquad-hero-bg-glow{position:absolute;top:-40px;left:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,85,0,.25) 0%,transparent 70%);pointer-events:none}.orbsquad-avatar-wrapper{position:relative;flex-shrink:0}.orbsquad-avatar-orb{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f50,#f80);color:#fff;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #f506,inset 0 2px 4px #ffffff4d;border:2px solid rgba(255,255,255,.2)}.orbsquad-online-status{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#10b981;border:3px solid #111415;box-shadow:0 0 8px #10b981}.orbsquad-avatar-upload-btn{background:#ff550026;color:#fa7;border:1px solid rgba(255,85,0,.35);padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003}.orbsquad-avatar-upload-btn:hover{background:linear-gradient(135deg,#f50,#f70);color:#fff;border-color:#f80;box-shadow:0 0 14px #f506;transform:translateY(-1px)}.orbsquad-avatar-upload-btn:active{transform:translateY(0)}.orbsquad-avatar-remove-btn{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25);padding:3px 10px;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;margin-top:2px}.orbsquad-avatar-remove-btn:hover{background:#ef444440;color:#fff;border-color:#ef444480;box-shadow:0 0 10px #ef44444d}.orbsquad-hero-info{display:flex;flex-direction:column;gap:6px}.orbsquad-hero-name-row{display:flex;align-items:center;gap:12px}.orbsquad-operator-name{font-size:22px;font-weight:800;color:#f8fafc;margin:0;letter-spacing:-.3px}.orbsquad-plan-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:#ffffff1a;color:#94a3b8;border:1px solid rgba(255,255,255,.15);letter-spacing:.5px}.orbsquad-plan-pill.pro-pill{background:#ff55002e;color:#f50;border-color:#ff550059;box-shadow:0 0 12px #f503}.orbsquad-operator-email{font-size:13px;color:#94a3b8;font-family:var(--font-mono, monospace)}.orbsquad-hud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:4px}.hud-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:all .2s ease}.hud-card:hover{background:#ffffff0d;border-color:#ffffff24}.hud-card-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#f50;text-transform:uppercase;letter-spacing:.5px}.hud-icon{color:#f50}.hud-card-body{display:flex;flex-direction:column;gap:10px}.hud-field{display:flex;flex-direction:column;gap:2px}.hud-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase}.hud-value{font-size:14px;font-weight:600;color:#f1f5f9}.hud-value.success{color:#10b981}.hud-feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#cbd5e1}.orbsquad-card-action-zone{margin-top:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .2s ease}.orbsquad-card-action-zone:hover{background:#ffffff0d;border-color:#ffffff24}.card-action-text h4{margin:0;font-size:15px;font-weight:700;color:#f8fafc}.card-action-text p{margin:4px 0 0;font-size:12px;color:#94a3b8}.orbsquad-danger-zone{margin-top:12px;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.danger-zone-text h4{margin:0;font-size:15px;font-weight:700;color:#f8fafc}.danger-zone-text p{margin:4px 0 0;font-size:12px;color:#94a3b8}.pro-msg-del{background:none;border:none;font-size:13px;opacity:.5;cursor:pointer;padding:4px}.pro-msg-del:hover{opacity:1}.pro-input-wrapper{display:flex;flex-direction:column;width:100%}.pro-input-error-banner{display:flex;align-items:center;gap:8px;margin:10px 20px 0;padding:8px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:8px;color:#f87171;font-size:12.5px;font-weight:500;animation:fadeInDown .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #ef44441a}.pro-input-info-banner{display:flex;align-items:center;gap:10px;margin:10px 20px 0;padding:8px 14px;background:#3b82f61f;border:1px solid rgba(59,130,246,.35);border-radius:8px;color:#93c5fd;font-size:12.5px;font-weight:500;animation:fadeInDown .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #3b82f61a;flex-wrap:wrap}.pro-input-info-banner .mention-user-name{font-weight:600;color:#60a5fa}.pro-input{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:#0f172a66}.pro-input input{flex:1;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px 16px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pro-input input:focus{border-color:var(--orange);box-shadow:0 0 12px #6366f140}.pro-input input.pro-input-error,.pro-input input.pro-input-error:focus,.pro-input--error input,.pro-input--error input:focus{border-color:#ef4444!important;box-shadow:0 0 12px #ef444466!important}.pro-empty{margin:auto;text-align:center;color:var(--text-dim)}.pro-empty h2{color:var(--text);margin-bottom:8px}.pro-members{width:280px;flex:0 0 280px;background:var(--bg-elev);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.pro-members-header{display:flex;align-items:center;justify-content:flex-end;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-elev);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:56px;min-height:56px;box-sizing:border-box;flex-shrink:0}.pro-members-content{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:8px}.pro-members-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-bottom:6px}.pro-member{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .15s ease}.pro-member:hover{background:#ffffff08}.pro-member-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-elev-3);color:var(--orange);border:1px solid var(--border);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pro-member-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.pro-member-name{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.pro-member-name.is-owner-admin,.pro-msg-author.is-owner-admin{color:#ef4444;font-weight:700}.pro-member-name.is-promoted-admin,.pro-msg-author.is-promoted-admin{color:#ef4444;font-weight:600}.pro-member-name.is-moderator,.pro-msg-author.is-moderator{color:var(--green, #10b981);font-weight:600}.pro-member-controls{display:flex;align-items:center;gap:0;flex-shrink:0;margin-left:auto}.pro-member-action-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-dim);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.pro-member-action-toggle:hover{background:#ffffff1a;color:var(--text)}.pro-member-actions-wrapper{display:flex;overflow:hidden;max-width:0;opacity:0;transition:max-width .3s ease,opacity .3s ease,margin-right .3s ease}.pro-member-actions-wrapper.open{max-width:220px;opacity:1;margin-right:4px}.pro-member-actions{display:flex;gap:4px;flex-shrink:0;white-space:nowrap}.pro-member-actions button{display:flex;align-items:center;justify-content:center;height:24px;padding:0 8px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-dim);border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.pro-member-actions button:hover{background:#ffffff1f;color:var(--text)}.pro-member-actions button.danger{color:var(--danger)}.pro-member-actions button.danger:hover{background:#ef444426;border-color:#ef44444d}.pro-member-id{font-size:10px;font-family:var(--font-mono);color:var(--text-dim)}.role-badge{font-size:8px;font-weight:700;font-family:var(--font-mono);padding:2px 5px;border-radius:4px;color:#fff}.role-badge.admin{background:#ef4444}.role-badge.mod{background:var(--green)}.pro-member-category{font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;padding:12px 8px 4px;margin-top:2px}.pro-member-category.admin{color:#ef4444}.pro-member-category.mod{color:var(--green)}.pro-member-category.guest{color:var(--text-dim)}.pro-member-divider{height:1px;background:var(--border);margin:8px 0;opacity:.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0f10cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:flex-start;justify-content:center;padding:72px 16px;overflow-y:auto;z-index:100;scrollbar-width:none;-ms-overflow-style:none}.modal-backdrop::-webkit-scrollbar{display:none}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:440px;max-height:calc(100vh - 96px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px #000000b3;margin:auto 0;outline:none;scrollbar-width:none;-ms-overflow-style:none}.modal::-webkit-scrollbar{display:none}.modal h2{margin:0;font-size:18px;font-weight:700;color:var(--text)}.modal-tabs{display:flex;gap:8px;background:var(--bg-dark-rail);padding:4px;border-radius:var(--radius)}.tab-btn{flex:1;background:transparent;border:none;color:var(--text-dim);padding:8px;border-radius:6px;font-size:13px;font-weight:600;transition:all .15s ease}.tab-btn.active{background:var(--bg-elev-2);color:var(--text)}.invite-section{display:flex;flex-direction:column;gap:8px}.field-label{font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.8px;color:var(--text-dim)}.invite-code-box{display:flex;gap:8px}.invite-code-input{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:10px 12px;font-size:13px;font-family:var(--font-mono);outline:none}.invite-hint{font-size:11px;color:var(--text-dim)}.status-msg{font-size:12px;color:var(--green);margin-top:4px}.modal-divider{height:1px;background:var(--border)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.common-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border)}.common-modal-title{font-size:16px;font-weight:700;color:var(--text);margin:0}.common-modal-close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.common-modal-close-btn:hover{color:var(--text);background:#ffffff14}.common-modal-content{display:flex;flex-direction:column;gap:16px;padding-top:4px}.channel-modal-form{display:flex;flex-direction:column;gap:16px}.common-modal-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:10px 12px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.common-modal-input:focus{border-color:var(--green);box-shadow:0 0 0 2px #10b98126}.common-modal-input.limit-input::-webkit-outer-spin-button,.common-modal-input.limit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.common-modal-input.limit-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.limit-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.infinity-placeholder{position:absolute;left:12px;pointer-events:none;display:flex;align-items:center;gap:6px;opacity:.35;color:var(--text-dim);font-size:13px;font-weight:500}.field-hint{font-size:11px;color:var(--text-dim);margin-top:6px;line-height:1.4}.modal-error-msg{font-size:12px;color:#ef4444;background:#ef44441a;padding:8px 12px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.auth-page{background-color:var(--bg, #111415);background-image:radial-gradient(ellipse at 50% -10%,rgba(255,92,0,.07) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,32px 32px,32px 32px;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 20px;overflow-y:auto;box-sizing:border-box}.auth-card{width:100%;max-width:420px;margin:auto!important;background:#171a1c;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px 24px 20px;box-shadow:0 24px 60px #000000bf,inset 0 1px #ffffff14;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeIn .2s ease-out;flex-shrink:0}.auth-logo-header{display:flex;justify-content:center;margin-bottom:8px}.auth-title-block{text-align:center;margin-bottom:12px}.auth-title-block h2{margin:0;font-size:22px;font-weight:700;font-family:var(--font-main);letter-spacing:-.02em;color:var(--text, #f8fafc)}.auth-subtitle{margin:6px 0 0;font-size:13px;color:var(--text-dim, #94a3b8);line-height:1.4}.auth-seg{display:flex;background:#111415;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.07);gap:4px;margin-bottom:14px}.auth-seg button{flex:1;background:transparent;border:none;color:#94a3b8;padding:8px 14px;border-radius:6px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1)}.auth-seg button:hover{color:#e1e3e4;background:#ffffff0a}.auth-seg button.active{background:#232729;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #0006}.auth-fields{display:flex;flex-direction:column;gap:14px}.auth-field-group{display:flex;flex-direction:column;gap:6px}.auth-field-header{display:flex;align-items:center;justify-content:space-between}.auth-field-label{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;cursor:pointer}.auth-type-pill{font-family:var(--font-mono);font-size:9.5px;color:#94a3b8;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.auth-caps-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);padding:1px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;animation:fadeIn .15s ease}.auth-match-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:1px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;animation:fadeIn .15s ease}.auth-input-wrapper{display:flex;align-items:center;background:#111415;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:0 12px;gap:10px;transition:all .18s ease}.auth-input-wrapper:focus-within{border-color:var(--orange, #ff5c00);box-shadow:0 0 0 3px #ff5c0029}.auth-input-wrapper.has-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44442e!important}.auth-input-wrapper.has-error .auth-input-icon{color:#ef4444!important}.auth-input-icon{color:#64748b;flex-shrink:0;transition:color .18s ease}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--orange, #ff5c00)}.auth-input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:var(--text, #f8fafc);padding:11px 0;font-size:13.5px;font-family:var(--font-main);width:100%}.auth-input-wrapper input::placeholder{color:#4b5563}.auth-input-action-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.auth-input-action-btn:hover{color:#f1f5f9;background:#ffffff0d}.auth-strength-wrap{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.auth-strength-bar{display:flex;gap:4px;flex:1}.auth-strength-bar .step{flex:1;height:3px;border-radius:2px;background:#ffffff14;transition:background-color .2s ease}.auth-strength-bar .step.weak{background:#ef4444}.auth-strength-bar .step.medium{background:#f59e0b}.auth-strength-bar .step.strong{background:#10b981}.auth-strength-label{font-family:var(--font-mono);font-size:10px;color:#94a3b8;text-transform:uppercase}.auth-options-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.auth-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-checkbox-label input{position:absolute;opacity:0;pointer-events:none}.auth-checkbox-custom{width:16px;height:16px;background:#111415;border:1px solid rgba(255,255,255,.15);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.auth-checkbox-label input:checked~.auth-checkbox-custom{background:var(--orange, #ff5c00);border-color:var(--orange, #ff5c00)}.auth-checkbox-label input:checked~.auth-checkbox-custom:after{content:"";width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.auth-checkbox-text{font-size:12.5px;color:var(--text-dim, #94a3b8);font-weight:500;transition:color .15s ease}.auth-checkbox-label:hover .auth-checkbox-text{color:var(--text, #f8fafc)}.auth-enter-hint{font-family:var(--font-mono);font-size:10px;color:#64748b}.auth-error-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#fca5a5;font-size:12.5px;line-height:1.4;animation:fadeIn .15s ease-out}.auth-error-icon{color:#ef4444;flex-shrink:0;margin-top:1px}.auth-error-text{flex:1;word-break:break-word}.auth-submit-btn{background:var(--orange, #ff5c00);color:#fff;border:none;border-radius:8px;height:42px;padding:0 20px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #ff5c0040;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:2px}.auth-submit-btn:hover:not(:disabled){background:var(--orange-hover, #ff7626);box-shadow:0 6px 20px #ff5c0059;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0);background:#e05300}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-btn-busy-content{display:flex;align-items:center;justify-content:center;gap:10px}.auth-footer{display:flex;flex-direction:column;gap:12px;margin-top:4px}.auth-secondary-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:12px;font-weight:500;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:center}.auth-secondary-btn:hover{background:#ffffff0a;color:var(--text, #f8fafc);border-color:#ffffff26}.auth-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.auth-version-pill{font-family:var(--font-mono);font-size:10.5px;color:#64748b}.auth-lang-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-family:var(--font-mono);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;transition:all .15s ease}.auth-lang-btn:hover{background:#ffffff0f;color:var(--text, #f8fafc);border-color:#ffffff29}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:#ffffff38}*::-webkit-scrollbar-corner{background:transparent}.modal-backdrop::-webkit-scrollbar,.modal::-webkit-scrollbar{display:none}.pro-channel{display:flex;align-items:center;position:relative}.channel-right-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.submember-avatar{position:relative;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.submember-avatar-text{font-size:10px;font-weight:700}.submember-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2}.submember-icons{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}.submember-icon-badge{display:flex;align-items:center;justify-content:center;color:#fff;background:transparent!important;padding:0!important}.submember-icon-badge svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.pro-channel-menu{min-width:170px;background:#14171d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .12s ease-out}.pro-channel-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:#d0d5dd;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.pro-channel-menu-item svg{flex-shrink:0}.pro-channel-menu-item:hover{background:#ff5c0026;color:#fff}.pro-channel-menu-item.danger{color:#ff4d4f}.pro-channel-menu-item.danger:hover{background:#ff4d4f33;color:#ff6b6d}.pro-channel-menu-item.active{color:var(--accent, #ff5c00);font-weight:600}.pro-channel-menu-item .menu-check-space{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.channel-lock-icon{display:inline-flex;align-items:center;justify-content:center;color:#f59e0b;margin-right:6px;opacity:.9;transition:opacity .2s ease,color .2s ease}.pro-channel:hover .channel-lock-icon{opacity:1;color:#fbbf24}.spin-logo-wrapper{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pro-user-panel{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-elev);border-top:1px solid var(--border);margin-top:auto;gap:8px}.pro-user-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.pro-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.pro-user-name{font-weight:600;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-user-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.pro-user-btn{background:transparent;border:none;color:var(--text-dim);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pro-user-btn:hover{background:var(--bg-elev-2);color:var(--text)}.pro-user-btn.danger:hover{background:#ff4d4d26;color:var(--danger)}.audio-settings-large-modal{max-width:860px!important;width:94%!important;max-height:90vh!important;overflow-y:auto!important}.device-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media (max-width: 680px){.device-settings-grid{grid-template-columns:1fr}}.settings-column{display:flex;flex-direction:column;gap:16px}.slider-field{display:flex;flex-direction:column;gap:8px}.slider-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text-dim, #a0aab0)}.slider-value{color:var(--orange, #ff5500);font-weight:700;font-size:13px;font-family:inherit}.slider-track-container{position:relative;width:100%;height:14px;display:flex;align-items:center}.slider-track-bg{position:absolute;left:0;right:0;height:2px;background:#ffffff1f;border-radius:1px;pointer-events:none}.slider-track-fill{position:absolute;left:0;height:2px;background:var(--orange, #ff5500);border-radius:1px;pointer-events:none}.slider-thumb-dot{position:absolute;width:10px;height:10px;background:var(--orange, #ff5500);border-radius:50%;transform:translate(-50%);box-shadow:0 0 6px #f509;pointer-events:none}.slider-input-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:5}.level-bar-container{width:100%;height:8px;background:#ffffff14;border-radius:4px;margin-top:6px}.threshold-marker{transition:left .1s ease}.pro-invite-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:var(--orange)!important;color:#fff!important;border:none!important;border-radius:16px!important;padding:6px 14px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;line-height:1!important;transition:all .15s ease!important}.pro-invite-btn:hover{filter:brightness(1.1);box-shadow:0 0 12px var(--orange-glow)}.pro-server-context-menu{position:fixed;z-index:100000;min-width:190px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 8px 32px #000000b3;display:flex;flex-direction:column;gap:2px;animation:fadeIn .12s ease-out}.pro-server-context-menu .menu-header{font-size:11px;font-weight:700;color:var(--text-dim);padding:6px 10px;border-bottom:1px solid var(--border);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-context-item{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;color:var(--text);padding:8px 10px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;text-align:left;transition:all .12s ease}.pro-context-item:hover{background:#ffffff14}.pro-context-item.danger{color:var(--danger)}.pro-context-item.danger:hover{background:#ef444426}.pro-afk-banner{background:#f59e0b;color:#111;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;box-shadow:0 4px 14px #f59e0b40;animation:fadeIn .15s ease-out}.pro-afk-banner button{background:#111;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease}.pro-afk-banner button:hover{background:#262626}.voice-bar-btn.afk-active{background:#f59e0b!important;color:#111!important;border-color:#f59e0b!important}.submember-icon-badge.afk{background:#f59e0b;color:#111;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;letter-spacing:.5px}.screen-picker-modal{width:720px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;background:#12161a;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 48px #000c;overflow:hidden}.modal-icon-orange{color:var(--orange)}.screen-picker-tabs{display:flex;gap:12px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#0d1013}.picker-tab{background:transparent;border:none;color:var(--text-dim);font-size:13px;font-weight:600;padding:12px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.picker-tab:hover{color:var(--text)}.picker-tab.active{color:var(--orange);border-bottom-color:var(--orange)}.screen-picker-body{padding:20px;overflow-y:auto;min-height:320px;max-height:480px;background:#0f1317}.picker-loading,.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:240px;gap:12px;color:var(--text-dim);font-size:14px}.picker-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.picker-item{background:#161b21;border:2px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:10px}.picker-item:hover{border-color:#ff550080;background:#1c222b;transform:translateY(-2px)}.picker-item.selected{border-color:var(--orange);box-shadow:0 0 16px #ff550059;background:#ff55000f}.picker-thumb-wrapper{width:100%;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:#080a0c;display:flex;align-items:center;justify-content:center}.picker-thumb{width:100%;height:100%;object-fit:cover}.picker-thumb-placeholder{color:var(--text-dim);opacity:.5}.picker-item-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text)}.picker-app-icon{width:16px;height:16px;flex-shrink:0}.picker-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-quality-bar{display:flex;flex-direction:column;gap:12px;padding:14px 20px;background:#11151a;border-top:1px solid rgba(255,255,255,.08)}.quality-group{display:flex;align-items:center;justify-content:space-between;gap:12px}.quality-label{font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:.5px;min-width:130px}.quality-pills{display:flex;gap:8px;flex-wrap:wrap}.quality-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .15s ease}.quality-pill:hover{background:#ffffff1a;color:var(--text)}.quality-pill.active{background:#ff55002e;border-color:var(--orange);color:var(--orange);box-shadow:0 0 10px #ff550040}.pro.is-sharing-screen{border:2px solid var(--orange);box-shadow:inset 0 0 16px #ff550059}.pro-screen-sharing-top-banner{position:sticky;top:0;grid-column:1 / -1;background:var(--orange);color:#fff;padding:4px 16px;height:fit-content;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.6px;box-shadow:0 2px 10px #f506;z-index:100}.pro-screen-sharing-top-banner .banner-left{display:flex;align-items:center;gap:8px}.pro-screen-sharing-top-banner .banner-live-dot{width:7px;height:7px;background:#fff;border-radius:50%;animation:pulse 1.2s infinite ease-in-out}.btn-xs{padding:2px 8px!important;font-size:11px!important}.voice-bar-btn.screen-active{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important;box-shadow:0 0 12px #ff550080}.pro-main.stage-mode{padding:0!important;overflow:hidden!important;display:flex;flex-direction:column}.pro-stage-wrapper{display:flex;flex:1;width:100%;height:100%;overflow:hidden;position:relative}.pro-screen-stage-container{flex:1;display:flex;flex-direction:column;background:#07090b;height:100%;overflow:hidden;position:relative}.pro-screen-stage-container:fullscreen,.pro-screen-stage-container.is-fullscreen{width:100vw!important;height:100vh!important;background:#000!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;border-radius:0!important}.pro-stage-chat-drawer{width:360px;background:var(--bg-elev, #14181d);border-left:1px solid var(--border, rgba(255, 255, 255, .1));display:flex;flex-direction:column;height:100%;flex-shrink:0;z-index:10}.pro-screen-stage-container:fullscreen~.pro-stage-chat-drawer,.pro-screen-stage-container.is-fullscreen~.pro-stage-chat-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:360px!important;max-width:85vw!important;height:100vh!important;z-index:100000!important;box-shadow:-8px 0 32px #000000b3;background:#111418!important;border-left:1px solid rgba(255,255,255,.12)!important}.pro-screen-stage-container:fullscreen.has-chat-open .stage-header-right,.pro-screen-stage-container.is-fullscreen.has-chat-open .stage-header-right{margin-right:365px;transition:margin-right .2s ease}.pro-stage-chat-close-btn{background:transparent;border:none;color:var(--text-dim, #94a3b8);font-size:15px;font-weight:700;padding:4px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pro-stage-chat-close-btn:hover{background:#ef444433;color:#ef4444}.screen-tile{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen-tile:fullscreen,.screen-tile.fullscreen{width:100vw!important;height:100vh!important;background:#000!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important}.screen-tile video{width:100%;height:100%;object-fit:contain}.screen-tile .screen-label{position:absolute;top:12px;left:12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:6px;z-index:10}.screen-tile .screen-fs{position:absolute;bottom:12px;right:12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;z-index:10;transition:all .15s ease}.screen-tile .screen-fs:hover{background:#fff3}.pro-stage-header{height:52px;background:#111418;border-bottom:1px solid rgba(255,255,255,.08);padding:0 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.stage-header-left{display:flex;align-items:center;gap:12px}.live-pulse-badge{background:#ff550026;color:var(--orange);border:1px solid rgba(255,85,0,.35);font-size:11px;font-weight:800;padding:4px 10px;border-radius:12px;display:flex;align-items:center;gap:6px;letter-spacing:.5px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange);animation:livePulse 1.4s infinite ease-in-out}@keyframes livePulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}to{opacity:.4;transform:scale(.9)}}.stage-channel-name{font-weight:700;color:var(--text);font-size:14px}.stage-streamer-tag{background:#ffffff0f;color:var(--text-dim);padding:3px 10px;border-radius:6px;font-size:12px;display:flex;align-items:center}.stage-header-right{display:flex;align-items:center;gap:8px}.stage-action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text);padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;position:relative;transition:all .15s ease}.stage-action-btn:hover{background:#ffffff1f}.stage-action-btn.active{background:var(--orange);color:#fff;border-color:var(--orange)}.stage-unread-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:1px 6px;border-radius:10px}.pro-stage-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:#050607;overflow:hidden}.main-video-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.main-video-element{width:100%;height:100%;object-fit:contain;max-height:100%;background:#000}.video-overlay-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0e1216d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:8px 20px;display:flex;align-items:center;gap:16px;color:#fff;font-size:13px;box-shadow:0 8px 32px #0009;z-index:10}.video-overlay-info{display:flex;align-items:center;gap:8px;font-weight:600}.stage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-dim)}.pro-stage-filmstrip{height:96px;background:#0d1014;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;padding:10px 16px;overflow-x:auto;flex-shrink:0}.filmstrip-tile{width:128px;height:72px;background:#151a21;border-radius:8px;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;flex-shrink:0;transition:all .15s ease}.filmstrip-tile:hover{border-color:#ff550080}.filmstrip-tile.active{border-color:var(--orange);box-shadow:0 0 12px #f506}.mini-video-element{width:100%;height:100%;object-fit:cover}.filmstrip-name{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-stage-chat-drawer{width:360px;min-width:320px;height:100%;background:#0f1317;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.pro-voice-submembers{display:flex;flex-direction:column;gap:4px;padding:4px 0 4px 12px}.submember-wrapper{display:flex;flex-direction:column;border-radius:6px;transition:all .15s ease}.submember-wrapper.has-screenshare{border:1px solid rgba(0,136,255,.4);box-shadow:0 2px 10px #07f3;overflow:hidden;background:#0066ff0d}.submember-screenshare-banner{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#07f,#05c);color:#fff;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;box-shadow:inset 0 1px #fff3}.submember-screenshare-banner svg{color:#fff;animation:pulse-blue 1.5s infinite}@keyframes pulse-blue{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.pro-voice-submember{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:#ffffff05;border:1px solid transparent;transition:all .15s ease;-webkit-user-select:none;user-select:none}.pro-voice-submember.is-streaming{border-radius:0 0 6px 6px;background:#0066ff14}.pro-voice-submember:hover{background:#ffffff0f}.pro-voice-submember.speaking{background:#00e67614;border-color:#00e6764d}.submember-avatar{width:24px;height:24px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.submember-avatar.speaking-avatar{animation:voicePulse 1.2s infinite ease-in-out;box-shadow:0 0 0 2px #00e676}.submember-name{flex:1;font-size:13px;font-weight:500;color:#e1e7ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submember-icons{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.submember-icon-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;border:none!important;color:#ffffffe6!important;padding:0!important;box-shadow:none!important}.submember-icon-badge.muted,.submember-icon-badge.deafened{background:transparent!important;color:#ffffffe6!important;border:none!important}.submember-icon-badge.local-muted{background:transparent!important;color:#f59e0b!important;border:none!important}.submember-icon-badge.server-muted{background:transparent!important;color:var(--danger, #ff4d4f)!important;border:none!important}.submember-icon-badge.streaming{background:transparent!important;color:#38bdf8!important;border:none!important}.submember-watch-btn{display:inline-flex;align-items:center;gap:4px;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;cursor:pointer;transition:all .15s ease;line-height:1}.submember-watch-btn:hover{background:#38bdf840;border-color:#38bdf8;color:#fff}.submember-watch-btn.is-watching{background:#38bdf833;border-color:#38bdf8;color:#38bdf8;padding:3px 5px;border-radius:5px}.submember-watch-btn.is-watching:hover{background:#38bdf859;color:#fff}.stage-action-btn.close-stage-btn{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8}.stage-action-btn.close-stage-btn:hover{background:#38bdf84d;border-color:#38bdf8;color:#fff}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card{background:#12161a;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#12161a;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title-group{display:flex;align-items:center;gap:10px}.modal-title-group h3{margin:0;font-size:16px;font-weight:700;color:#fff}.modal-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#f503;color:#f50;border-color:#f506}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;background:#12161a;border-top:1px solid rgba(255,255,255,.08)}.modal-actions .btn{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.modal-actions .btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#c9d1d9}.modal-actions .btn.secondary:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.modal-actions .btn.primary{background:linear-gradient(135deg,#f50,#d03300);border:none;color:#fff;box-shadow:0 4px 12px #ff55004d}.modal-actions .btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ff661a,#e03b00);box-shadow:0 6px 16px #f506}.modal-actions .btn.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.mention-tag{background-color:#5865f240;color:#c9cdfb;font-weight:600;padding:1px 6px;border-radius:4px;display:inline-block;-webkit-user-select:none;user-select:none}.mention-tag--self{background-color:#faa61a4d;color:#fee75c}.mention-tag--everyone{background-color:#eb459e4d;color:#ff73fa}.pro-server-item.is-pinned:not(.active):not(.in-voice){border-color:#f23f4366;box-shadow:0 0 10px #f23f4333}.pro-notifications-screen{flex:1;display:flex;flex-direction:column;background:var(--bg-elev);color:var(--text);height:100%;overflow:hidden}.pro-notifications-header{height:64px;padding:0 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg);flex-shrink:0}.pro-notifications-header .header-left{display:flex;align-items:center;gap:16px}.pro-notifications-header .back-btn{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pro-notifications-header .back-btn:hover{background:var(--bg-elev-3);color:#fff}.pro-notifications-header .header-title{display:flex;align-items:center;gap:10px}.pro-notifications-header .header-title h2{margin:0;font-size:18px;font-weight:700;color:#fff}.pro-notifications-header .header-unread-badge{background:var(--orange-subtle);color:var(--orange);border:1px solid var(--orange-glow);font-size:12px;font-weight:600;padding:2px 10px;border-radius:12px}.pro-notifications-header .header-actions{display:flex;align-items:center;gap:18px}.toggle-unread-btn{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;padding:6px 14px;border-radius:var(--radius);display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.toggle-unread-btn:hover{background:#ffffff14;border-color:#ffffff2e;color:#fff}.toggle-unread-btn.active{background:var(--orange-subtle);border-color:var(--orange-glow);color:var(--orange)}.toggle-unread-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--text-dim);border-radius:4px;background:transparent;cursor:pointer;position:relative;outline:none;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-unread-btn:hover .toggle-unread-checkbox{border-color:var(--text)}.toggle-unread-checkbox:checked{background-color:var(--orange);border-color:var(--orange)}.toggle-unread-checkbox:checked:after{content:"";width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.mark-all-read-btn{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;padding:6px 14px;border-radius:var(--radius);display:flex;align-items:center;gap:6px;transition:all .2s ease}.mark-all-read-btn:hover{background:var(--orange-subtle);color:var(--orange);border-color:var(--orange-glow)}.pro-notifications-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.notification-date-group{display:flex;flex-direction:column;gap:10px}.notification-date-group .date-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding-left:4px}.date-group-items{display:flex;flex-direction:column;gap:8px}.notification-row{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;position:relative}.notification-row:hover{background:var(--bg-elev-2);border-color:#ffffff26;transform:translateY(-1px)}.notification-row.is-unread{background:#ff5c000d;border-color:var(--orange-glow)}.notification-avatar-col{position:relative;flex-shrink:0}.notification-avatar-col .type-badge-icon{position:absolute;bottom:-4px;right:-4px;background:var(--bg-elev-3);border:2px solid var(--bg);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.notification-info-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-info-col .notification-text{font-size:14px;color:var(--text);line-height:1.4}.notification-info-col .actor-name{color:#fff;font-weight:600}.notification-info-col .notification-meta{font-size:12px;color:var(--text-dim)}.inline-notification-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.notification-action-col{flex-shrink:0;display:flex;align-items:center}.mark-read-single-btn{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-dim);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mark-read-single-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.notifications-empty .empty-icon-wrap{width:80px;height:80px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.notifications-empty h3{margin:0 0 8px;font-size:18px;color:#fff}.notifications-empty p{margin:0;font-size:14px;color:var(--text-dim);max-width:360px}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:12px;color:var(--text-dim)}.pro-server-brand{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.pro-server-brand.active{border-radius:50px;box-shadow:0 0 16px var(--orange-glow)}.pro-brand-msg-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff4500,#ff8700);color:#fff;font-size:10px;font-weight:800;border-radius:12px;padding:2px 6px;display:flex;align-items:center;gap:3px;border:2px solid var(--bg-dark, #0c0f10);box-shadow:0 2px 8px #ff450099;pointer-events:none;animation:brandBadgePop .3s cubic-bezier(.34,1.56,.64,1);z-index:10;line-height:1}@keyframes brandBadgePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pro-rail-bell-btn{background:transparent;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-dim)}.pro-rail-bell-btn:hover{background:#ffffff0f;color:#fff;border-radius:16px}.pro-rail-bell-btn.active{background:var(--orange-subtle);color:var(--orange);border:1px solid var(--orange-glow);border-radius:16px;box-shadow:0 0 16px var(--orange-glow)}.pro-rail-bell-btn.has-unread{color:var(--orange)}.pro-rail-bell-btn .bell-badge{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;border-radius:10px;font-size:10px;font-weight:700;padding:1px 5px;line-height:1;box-shadow:0 0 8px #ff4d4d99}.pro-rail-toast-bubble{position:absolute;top:60px;left:84px;z-index:10000;background:var(--bg-elev-2);border:1px solid var(--orange-glow);box-shadow:0 8px 24px #0009,0 0 12px var(--orange-subtle);border-radius:20px;padding:8px 14px 8px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-12px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.pro-rail-toast-bubble:hover{background:var(--bg-elev-3);border-color:var(--orange)}.pro-rail-toast-bubble .toast-icon{width:24px;height:24px;border-radius:50%;background:var(--orange-subtle);color:var(--orange);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pro-rail-toast-bubble .toast-text{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.pro-rail-toast-bubble .toast-close{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;margin-left:4px;border-radius:50%}.pro-rail-toast-bubble .toast-close:hover{color:#fff}.pro-voice-submember.is-being-dragged{opacity:.45;border:1px dashed var(--cyan)!important}.pro-channel.voice.drop-target-active{border-color:var(--cyan)!important;background:#06b6d426!important;box-shadow:0 0 10px #06b6d433}.voice-drag-ghost{position:fixed;pointer-events:none;z-index:999999;background:#14171d;border:1px solid var(--cyan);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:#fff;box-shadow:0 8px 24px #0009;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%)}.pro-channel.reorder-mode{cursor:grab!important;-webkit-user-select:none;user-select:none}.pro-channel.reorder-mode:active{cursor:grabbing!important}.pro-channel.is-channel-dragging{opacity:.45!important;border:1px dashed #10b981!important;background:#10b98114!important}.pro-channel.channel-drop-target-active{border-color:#10b981!important;background:#10b9812e!important;box-shadow:0 0 12px #10b9814d!important}.channel-drag-ghost{position:fixed;pointer-events:none;z-index:999999;background:#14171d;border:1px solid #10b981;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:#fff;box-shadow:0 8px 24px #0009,0 0 12px #10b9814d;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%)}.presence-context-menu{position:fixed;z-index:99999;background:#111214;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px;box-shadow:0 8px 24px #00000080;min-width:175px;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:presenceMenuFadeIn .12s ease-out}@keyframes presenceMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.presence-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;color:#dbdee1;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left}.presence-menu-item:hover{background:#5865f2;color:#fff}.presence-menu-item.active{font-weight:700;background:#ffffff14}.presence-menu-item.active:hover{background:#5865f2}.presence-option-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.presence-option-dot.online{background-color:#23a55a}.presence-option-dot.away{background-color:#f0b232}.presence-option-dot.dnd{background-color:#ed4245}.presence-option-dot.offline{background-color:#80848e}body.tray-menu-body{background:transparent!important;overflow:hidden!important;-webkit-user-select:none;user-select:none;margin:0;padding:0}.tray-menu-wrapper{width:100vw;height:100vh;padding:4px;box-sizing:border-box;display:flex;flex-direction:column;border-radius:12px}.tray-menu-card{flex:1;background:#0c0f10f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,85,0,.35);border-radius:12px;box-shadow:0 10px 30px #000000d9,0 0 20px #f503;padding:10px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.tray-menu-section-title{font-size:10px;font-weight:700;color:#64748b;letter-spacing:.06em;padding:4px 8px 2px}.tray-menu-group{display:flex;flex-direction:column;gap:2px}.tray-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:8px;background:transparent;border:none;color:#cbd5e1;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.tray-menu-item:hover{background:#ffffff14;color:#f8fafc}.tray-menu-item.active{background:#ff550024;color:#f50;font-weight:600}.tray-menu-item.active-mute{background:#ef444424;color:#ef4444}.tray-menu-item.active-afk{background:#f59e0b29;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.tray-menu-item.active-afk:hover{background:#f59e0b40;color:#fef08a}.tray-icon-afk{color:#fbbf24}.tray-menu-item.danger:hover{background:#ef44442e;color:#f87171}.tray-menu-item-text{flex:1}.tray-menu-check{color:#f50}.tray-icon-muted{color:#ef4444}.tray-menu-divider{height:1px;background:#ffffff14;margin:4px 0}.presence-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.presence-dot.online{background:#10b981;box-shadow:0 0 6px #10b98199}.presence-dot.away{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.presence-dot.dnd{background:#ef4444;box-shadow:0 0 6px #ef444499}.presence-dot.offline{background:#64748b}.switch-toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.switch-toggle.sm{width:36px;height:20px}.switch-toggle input{opacity:0;width:0;height:0}.switch-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff26;transition:.25s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.switch-toggle .slider.round{border-radius:24px}.switch-toggle .slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#f8fafc;transition:.25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0006}.switch-toggle.sm .slider:before{height:14px;width:14px;left:2px;bottom:2px}.switch-toggle input:checked+.slider{background-color:#f50;border-color:#f509;box-shadow:0 0 10px #ff550059}.switch-toggle input:focus+.slider{box-shadow:0 0 0 2px #f506}.switch-toggle input:checked+.slider:before{transform:translate(18px)}.switch-toggle.sm input:checked+.slider:before{transform:translate(16px)}.switch-toggle input:disabled+.slider{opacity:.35;cursor:not-allowed}.notif-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.notif-quick-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;transition:all .2s ease}.notif-quick-card:hover{background:#ffffff0d;border-color:#ffffff1f}.notif-quick-info{display:flex;align-items:center;gap:10px}.notif-quick-title{font-size:13px;font-weight:600;color:#f8fafc}.notif-quick-desc{font-size:11px;color:#94a3b8;margin-top:2px}.notif-settings-card{background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px 20px}.notif-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.notif-card-title-wrap{display:flex;align-items:flex-start;gap:12px}.notif-card-title-wrap h3{font-size:15px;font-weight:700;color:#f8fafc;margin:0}.notif-card-title-wrap p{font-size:12px;color:#94a3b8;margin:3px 0 0}.notif-category-list{display:flex;flex-direction:column;gap:12px;margin-top:14px;transition:opacity .2s ease}.notif-category-list.is-disabled{opacity:.4;pointer-events:none}.notif-category-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:8px}.notif-category-info{display:flex;align-items:center;gap:10px;color:#94a3b8}.notif-category-info .cat-name{display:block;font-size:13px;font-weight:600;color:#e2e8f0}.notif-category-info .cat-desc{display:block;font-size:11px;color:#94a3b8;margin-top:1px}.notif-sound-volume-block{padding:12px 14px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:4px}.volume-slider-head{display:flex;align-items:flex-end;gap:16px}.volume-slider-head .field.slider-field{flex:1}.notif-test-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-bottom:4px}.pro-msg-deleted{opacity:.75}.pro-msg-deleted-body{display:inline-flex;align-items:center;gap:6px;margin-top:2px}.pro-msg-deleted-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-style:italic;color:var(--text-muted, #94a3b8);background:#ef444414;border:1px dashed rgba(239,68,68,.25);padding:4px 10px;border-radius:6px;-webkit-user-select:none;user-select:none}.dm-header-actions{display:flex;align-items:center;gap:8px}.dm-header-call-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius, 8px);border:1px solid var(--border, rgba(255, 255, 255, .12));background:var(--bg-elev-2, rgba(255, 255, 255, .04));color:var(--text, #e1e3e4);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.dm-header-call-btn:hover:not(:disabled){background:var(--orange, #ff5c00);border-color:var(--orange, #ff5c00);color:#fff;box-shadow:0 4px 12px var(--orange-glow, rgba(255, 92, 0, .3));transform:translateY(-1px)}.dm-header-call-btn:disabled{opacity:.5;cursor:not-allowed}.dm-call-stage{border-bottom:1px solid var(--border, rgba(255, 255, 255, .1));background:var(--bg-elev, #191c1d);display:flex;flex-direction:column;position:relative;overflow:hidden;animation:dmCallFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dmCallFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dm-call-stage-calling{padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.dm-call-calling-avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.dm-call-calling-ripple{position:absolute;width:90px;height:90px;border-radius:50%;border:2px solid var(--orange, #ff5c00);animation:dmCallingPulse 1.8s infinite ease-out}@keyframes dmCallingPulse{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.4);opacity:0}}.dm-call-calling-text h3{margin:0 0 4px;font-size:16px;color:var(--text, #fff)}.dm-call-calling-text p{margin:0;font-size:13px;color:var(--orange, #ff5c00);font-weight:600}.dm-call-stage-audio{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,var(--bg-elev-2, #1d2021) 0%,var(--bg-elev, #191c1d) 100%)}.dm-call-audio-peers{display:flex;align-items:center;gap:20px;flex:1}.dm-call-peer-tile{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:var(--radius, 8px);background:#ffffff08;border:1px solid transparent;transition:all .15s ease}.dm-call-peer-tile.speaking{border-color:var(--green, #10b981);box-shadow:0 0 12px #10b9814d;background:#10b9810f}.dm-call-peer-meta{display:flex;flex-direction:column}.dm-call-peer-name{font-size:13px;font-weight:700;color:var(--text, #fff)}.dm-call-peer-status{font-size:11px;color:var(--text-dim, #9ca3af)}.dm-call-duration-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#00000040;border-radius:12px;font-family:var(--font-mono, monospace);font-size:12px;font-weight:700;color:var(--text, #fff);border:1px solid var(--border, rgba(255, 255, 255, .1))}.dm-call-duration-tag .status-dot{width:7px;height:7px;border-radius:50%;background:var(--green, #10b981);box-shadow:0 0 6px var(--green, #10b981)}.dm-call-controls-bar{display:flex;align-items:center;gap:8px}.dm-call-ctrl-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border, rgba(255, 255, 255, .12));background:var(--bg-elev-3, #282a2b);color:var(--text, #fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.dm-call-ctrl-btn:hover{background:#ffffff1f;transform:scale(1.05)}.dm-call-ctrl-btn.muted,.dm-call-ctrl-btn.deafened{background:#ff4d4d26;border-color:var(--danger, #ff4d4d);color:var(--danger, #ff4d4d)}.dm-call-ctrl-btn.active{background:var(--orange, #ff5c00);border-color:var(--orange, #ff5c00);color:#fff;box-shadow:0 0 10px var(--orange-glow, rgba(255, 92, 0, .4))}.dm-call-ctrl-btn.end-call{background:var(--danger, #ff4d4d);border-color:var(--danger, #ff4d4d);color:#fff}.dm-call-ctrl-btn.end-call:hover{background:#e03b3b;transform:scale(1.08)}.dm-call-stage-video{height:320px;background:#000;position:relative;display:flex;flex-direction:column}.dm-call-stage-video.is-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000}.dm-call-video-header{position:absolute;top:0;left:0;right:0;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.75) 0%,transparent 100%);z-index:10}.dm-call-video-info{display:flex;align-items:center;gap:10px}.dm-call-video-info .live-badge{background:var(--danger, #ff4d4d);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.dm-call-video-info .streamer-label{font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center}.dm-call-video-info .duration-badge{font-family:var(--font-mono, monospace);font-size:11px;color:#ffffffbf}.dm-call-icon-btn{background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.dm-call-icon-btn:hover{background:#fff3}.dm-call-video-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.dm-call-video-element{width:100%;height:100%;object-fit:contain;background:#000}.dm-call-stage-video .dm-call-controls-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 12px;border-radius:24px;border:1px solid rgba(255,255,255,.15);z-index:10}.incoming-call-overlay{position:fixed;bottom:24px;right:24px;z-index:99999;animation:incomingCallSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes incomingCallSlideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.incoming-call-card{width:360px;background:var(--bg-elev, #181c24);border:1px solid var(--border, rgba(255, 255, 255, .14));border-radius:16px;padding:16px 18px;box-shadow:0 20px 48px #0000008c,0 0 0 1px #ffffff0d;display:flex;align-items:center;gap:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.incoming-call-avatar-container{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.incoming-call-pulse-ring{position:absolute;border-radius:50%;border:2px solid var(--green, #10b981);pointer-events:none}.incoming-call-pulse-ring.ring-1{width:72px;height:72px;animation:incomingRingPulse 1.8s infinite ease-out}.incoming-call-pulse-ring.ring-2{width:84px;height:84px;animation:incomingRingPulse 1.8s infinite ease-out .5s}@keyframes incomingRingPulse{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.35);opacity:0}}.incoming-call-info{flex:1;min-width:0}.incoming-call-title{font-size:15px;font-weight:700;color:var(--text, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-call-subtitle{font-size:12px;color:var(--text-dim, #9ca3af);margin-top:2px;display:flex;align-items:center;gap:4px}.incoming-screen-badge{display:inline-flex;align-items:center;gap:4px;color:var(--orange, #ff5c00);font-weight:600}.incoming-call-timer{font-size:11px;font-family:var(--font-mono, monospace);color:var(--orange, #ff5c00);font-weight:700;margin-top:4px}.incoming-call-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex-shrink:0}.incoming-call-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:8px;border:none;font-size:12px;font-weight:700;cursor:pointer;color:#fff;transition:all .15s ease}.incoming-call-btn.accept{background:var(--green, #10b981);box-shadow:0 4px 14px #10b98159}.incoming-call-btn.accept:hover{background:#0ea371;transform:translateY(-1px)}.incoming-call-btn.reject{background:#ff4d4d26;color:var(--danger, #ff4d4d);border:1px solid rgba(255,77,77,.3)}.incoming-call-btn.reject:hover{background:#ff4d4d40;transform:translateY(-1px)}.dm-call-room-light{flex:1;display:flex;flex-direction:column;height:100%;background:var(--bg, #111415);color:var(--text, #e1e3e4);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.dm-call-room-light.is-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999}.dm-call-room-header{height:48px;background:var(--bg-elev, #191c1d);border-bottom:1px solid var(--border, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;box-shadow:0 2px 8px #00000040}.dm-call-header-info{display:flex;align-items:center;gap:8px}.dm-status-dot{width:8px;height:8px;border-radius:50%}.dm-status-dot.calling{background:var(--yellow, #f59e0b);box-shadow:0 0 8px #f59e0b99;animation:callDotPulse 1.2s infinite ease-in-out}.dm-status-dot.connected{background:var(--green, #10b981);box-shadow:0 0 8px #10b98199}@keyframes callDotPulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.6}}.dm-call-header-title{font-size:14px;font-weight:700;color:var(--text-bright, #ffffff)}.dm-call-header-duration{font-size:12px;font-weight:600;font-family:var(--font-mono, monospace);color:var(--text-dim, #9ca3af);margin-left:4px}.dm-call-header-actions{display:flex;align-items:center;gap:8px}.dm-call-header-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--border, rgba(255, 255, 255, .08));background:var(--bg-elev-2, #1d2021);color:var(--text, #e1e3e4);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.dm-call-header-btn:hover{background:var(--bg-elev-3, #282a2b);border-color:#ffffff29;color:#fff}.dm-call-header-btn.active{background:var(--orange, #ff5c00);border-color:var(--orange, #ff5c00);color:#fff}.dm-call-inline-warning{background:#f59e0b1f;border-bottom:1px solid rgba(245,158,11,.25);color:#fbbf24;padding:8px 16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;animation:warningFadeIn .3s ease}@keyframes warningFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dm-call-room-body{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.dm-call-calling-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dm-call-calling-rings{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.calling-ripple-ring{position:absolute;border-radius:50%;border:2px solid var(--orange, #ff5c00);pointer-events:none}.calling-ripple-ring.ring-1{width:110px;height:110px;animation:rippleRingAnimation 2s infinite ease-out}.calling-ripple-ring.ring-2{width:140px;height:140px;animation:rippleRingAnimation 2s infinite ease-out .6s}@keyframes rippleRingAnimation{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}.dm-call-calling-name{font-size:22px;font-weight:700;color:var(--text-bright, #ffffff);margin:0 0 6px}.dm-call-calling-desc{font-size:14px;color:var(--text-dim, #9ca3af);margin:0}.dm-call-participants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:720px;width:100%}.dm-participant-card{background:var(--bg-elev, #191c1d);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:16px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000059;transition:all .2s ease;position:relative}.dm-participant-card:hover{border-color:#ffffff29}.dm-participant-card.is-speaking{border-color:var(--green, #10b981);box-shadow:0 0 24px #10b98140}.dm-participant-avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.dm-speaking-pulse{position:absolute;width:96px;height:96px;border-radius:50%;border:2px solid var(--green, #10b981);animation:speakingRipple 1.2s infinite ease-out}@keyframes speakingRipple{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.25);opacity:0}}.dm-participant-name{font-size:16px;font-weight:700;color:var(--text-bright, #ffffff);margin-bottom:6px}.dm-participant-status-tag{font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px;background:var(--bg-elev-2, #1d2021);color:var(--text-dim, #9ca3af)}.dm-participant-status-tag.speaking{background:#10b98126;color:var(--green, #10b981)}.dm-participant-status-tag.muted{background:#ff4d4d26;color:var(--danger, #ff4d4d)}.dm-call-video-stage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.dm-call-video-badge-bar{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;gap:8px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 12px;border-radius:20px;color:#fff;border:1px solid rgba(255,255,255,.1)}.dm-live-badge{background:var(--danger, #ff4d4d);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.dm-streamer-name{font-size:12px;font-weight:600;display:flex;align-items:center}.dm-call-video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#090b0c;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:12px;overflow:hidden}.dm-call-video-element{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.dm-call-room-toolbar{height:64px;background:var(--bg-elev, #191c1d);border-top:1px solid var(--border, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:center;padding:0 20px;flex-shrink:0;box-shadow:0 -4px 20px #00000059}.dm-call-toolbar-group{display:flex;align-items:center;gap:12px}.dm-call-tool-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border, rgba(255, 255, 255, .08));background:var(--bg-elev-2, #1d2021);color:var(--text, #e1e3e4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.dm-call-tool-btn:hover{background:var(--bg-elev-3, #282a2b);border-color:#fff3;color:#fff;transform:translateY(-2px)}.dm-call-tool-btn.is-muted,.dm-call-tool-btn.is-deafened{background:#ff4d4d26;border-color:#ff4d4d4d;color:var(--danger, #ff4d4d)}.dm-call-tool-btn.is-sharing,.dm-call-tool-btn.is-active{background:var(--orange, #ff5c00);border-color:var(--orange, #ff5c00);color:#fff}.dm-call-tool-btn.end-call{background:var(--danger, #ff4d4d);border-color:var(--danger, #ff4d4d);color:#fff}.dm-call-tool-btn.end-call:hover{background:#e03b3b;transform:translateY(-2px)}.dm-call-pill-btn.end-call{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;border:none;background:var(--danger, #ff4d4d);box-shadow:0 4px 16px #ff4d4d59;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.dm-call-pill-btn.end-call:hover{background:#e03b3b;transform:translateY(-2px)}.voice-bar-btn.open-call{color:var(--text, #fff);background:#ffffff14}.voice-bar-btn.open-call:hover{background:var(--orange, #ff5c00);color:#fff}.pro-reply-input-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:linear-gradient(90deg,#ff5c001f,#ff5c0008 35%,#191c1dd9),var(--bg-elev, #191c1d);border:1px solid rgba(255,92,0,.22);border-left:3px solid var(--orange, #ff5c00);border-bottom:none;border-top-left-radius:var(--radius, 8px);border-top-right-radius:var(--radius, 8px);margin-bottom:-1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:replySlideDown .18s cubic-bezier(.16,1,.3,1);position:relative;z-index:10;box-shadow:0 -2px 10px #0000002e,inset 0 1px #ffffff0a}@keyframes replySlideDown{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pro-reply-input-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.pro-reply-input-target{font-size:12px;font-weight:700;color:var(--orange, #ff5c00);white-space:nowrap}.pro-reply-input-snippet{font-size:12px;color:var(--text-dim, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}.pro-reply-input-right{display:flex;align-items:center;gap:8px;margin-left:12px}.pro-reply-mention-toggle{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:3px 8px;color:var(--text-dim, #9ca3af);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.pro-reply-mention-toggle:hover{background:#ffffff1a;color:var(--text, #e1e3e4)}.pro-reply-mention-toggle.active{background:var(--orange-subtle, rgba(255, 92, 0, .15));border-color:#ff5c0066;color:var(--orange, #ff5c00)}.pro-reply-mention-toggle .mention-at{font-weight:800}.pro-reply-cancel-btn{background:transparent;border:none;color:var(--text-dim, #9ca3af);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pro-reply-cancel-btn:hover{background:#ffffff1a;color:var(--text, #e1e3e4)}.pro-msg-reply-bar{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim, #9ca3af);margin-bottom:3px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:1px 4px;border-radius:4px;position:relative;transition:background .15s ease,color .15s ease;max-width:90%}.pro-msg-reply-bar:hover{background:#ffffff0d}.pro-msg-reply-bar:hover .pro-msg-reply-author{text-decoration:underline}.pro-msg-reply-spine{width:14px;height:9px;border-left:2px solid rgba(255,255,255,.25);border-top:2px solid rgba(255,255,255,.25);border-top-left-radius:6px;margin-right:2px;margin-bottom:-2px}.pro-msg-reply-icon{color:var(--orange, #ff5c00);opacity:.85;flex-shrink:0}.pro-msg-reply-author{font-weight:700;color:var(--text-bright, #ffffff);flex-shrink:0}.pro-msg-reply-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim, #94a3b8)}.pro-msg-reply-body.deleted{font-style:italic;opacity:.65}.pro-msg.highlighted-reply-target{animation:replyTargetGlow 2.5s ease-out}@keyframes replyTargetGlow{0%{background-color:#ffaa0059;box-shadow:0 0 16px #fa06}50%{background-color:#fa03;box-shadow:0 0 8px #fa03}to{background-color:transparent;box-shadow:none}}.pro-attach-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-dim, #94a3b8);padding:8px;border-radius:8px;cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .1s ease;flex-shrink:0}.pro-attach-btn:hover:not(:disabled){color:var(--orange, #f97316);background-color:#f973161a;transform:scale(1.05)}.pro-attach-btn:disabled{opacity:.4;cursor:not-allowed}.pro-msg-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:100%}.pro-chat-attachment-container{position:relative;display:inline-flex;border-radius:10px;overflow:hidden;border:1px solid var(--border, rgba(255, 255, 255, .1));background-color:var(--bg-elev-2, #181c24);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pro-chat-attachment-container:hover{transform:translateY(-2px);border-color:#f9731666;box-shadow:0 8px 24px #0006}.pro-chat-attachment-container.loading{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:attachmentShimmer 1.5s infinite}@keyframes attachmentShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pro-chat-attachment-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:9px;transition:opacity .2s ease}.pro-gif-badge{position:absolute;top:8px;left:8px;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:800;letter-spacing:.6px;padding:2px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.2);-webkit-user-select:none;user-select:none;pointer-events:none}.pro-chat-preview-stage{display:flex;flex-direction:column;height:100%;width:100%;padding:24px;box-sizing:border-box;background-color:var(--bg-base, #0f1117);animation:previewFadeIn .2s ease-out;outline:none}@keyframes previewFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pro-preview-stage-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08))}.pro-preview-stage-title{font-size:16px;font-weight:700;color:var(--text-bright, #ffffff);display:flex;align-items:center;gap:8px}.pro-preview-stage-close-btn{display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--border, rgba(255, 255, 255, .1));color:var(--text-dim, #94a3b8);width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .15s ease}.pro-preview-stage-close-btn:hover:not(:disabled){background:#ef444426;border-color:#ef444466;color:#ef4444}.pro-preview-stage-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;overflow:hidden}.pro-preview-stage-image-container{position:relative;max-width:90%;max-height:65vh;border-radius:12px;overflow:hidden;border:1px solid var(--border, rgba(255, 255, 255, .12));background-color:var(--bg-elev, #131720);box-shadow:0 16px 40px #00000080;display:flex;align-items:center;justify-content:center}.pro-preview-stage-img{max-width:100%;max-height:65vh;object-fit:contain;display:block}.pro-preview-stage-meta{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--bg-elev-2, #181c24);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:20px}.pro-preview-file-name{font-size:13px;font-weight:600;color:var(--text-bright, #ffffff);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-preview-file-size{font-size:12px;color:var(--text-dim, #94a3b8);font-weight:500}.pro-preview-uploading-indicator{display:flex;align-items:center;gap:8px;color:var(--orange, #f97316);font-size:13px;font-weight:600}.pro-lightbox-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;flex-direction:column;animation:lightboxFadeIn .2s ease-out}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.pro-lightbox-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0f1117b3;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.pro-lightbox-filename{font-size:14px;font-weight:600;color:var(--text-bright, #ffffff);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-lightbox-actions{display:flex;align-items:center;gap:10px}.pro-lightbox-btn{height:32px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--bg-elev-2);color:var(--text);cursor:pointer;outline:none;transition:all .15s ease}.pro-lightbox-btn:hover{background:#3a3c41;color:#fff}.pro-lightbox-close-btn{width:32px;padding:0;color:var(--text-dim, #9ca3af)}.pro-lightbox-close-btn:hover{background:#ef444433;color:#ef4444}.pro-lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.pro-lightbox-img{max-width:92vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #000000b3}.pro-chat-drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f1117e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;animation:dragOverlayFadeIn .15s ease-out;pointer-events:none}@keyframes dragOverlayFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.pro-chat-drag-box{width:100%;max-width:520px;height:280px;border:2px dashed var(--orange, #f97316);border-radius:16px;background:#f973160f;box-shadow:0 0 32px #f9731626,inset 0 0 24px #f973160d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;box-sizing:border-box;animation:dragBoxPulse 2s ease-in-out infinite alternate}@keyframes dragBoxPulse{0%{border-color:#f9731699;box-shadow:0 0 20px #f973161a,inset 0 0 16px #f9731608}to{border-color:#f97316f2;box-shadow:0 0 36px #f9731640,inset 0 0 28px #f9731614}}.pro-chat-drag-icon-circle{width:68px;height:68px;border-radius:50%;background:#f9731626;border:1px solid rgba(249,115,22,.3);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 24px #f9731633;animation:dragIconBounce 1.5s ease-in-out infinite alternate}@keyframes dragIconBounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.pro-chat-drag-title{font-size:18px;font-weight:700;color:var(--text-bright, #ffffff);margin:0 0 8px;letter-spacing:-.2px}.pro-chat-drag-subtitle{font-size:13px;font-weight:500;color:var(--text-dim, #94a3b8);margin:0}.pro-msg-call-card{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;margin:6px 0;max-width:420px;transition:all .2s ease}.pro-msg-call-card:hover{background:#ffffff0d;border-color:#ffffff1f}.pro-msg-call-card.is-missed{background:#ef44440f;border-color:#ef444433}.call-card-icon-wrap{width:36px;height:36px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pro-msg-call-card.is-missed .call-card-icon-wrap{background:#ef444426}.call-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.call-card-title{font-size:13px;font-weight:600;color:var(--text-bright, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-msg-call-card.is-missed .call-card-title{color:#f87171}.call-card-time{font-size:11px;color:var(--text-dim, #94a3b8)}.call-card-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-bright, #ffffff);cursor:pointer;transition:all .15s ease;outline:none}.call-card-action-btn:hover{background:var(--green, #22c55e);border-color:var(--green, #22c55e);color:#fff;transform:translateY(-1px)}.mobile-blocker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--bg, #111415);display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.mobile-blocker-card{background:var(--bg-elev, #191c1d);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px);padding:40px 24px;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 16px 40px #00000080}.mobile-blocker-title{font-size:20px;font-weight:700;color:var(--text-bright, #ffffff);margin:8px 0 0}.mobile-blocker-desc{font-size:14px;line-height:1.6;color:var(--text-dim, #94a3b8);margin:0}.mobile-blocker-btn{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 20px}