:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;background:#0f1219;color:#e8edf6;--theme-text: #e8edf6;--theme-muted: #9aa7c5;--theme-accent: #f9c66b;--theme-accent-text: #1b1410;--theme-bg-start: #1d2736;--theme-bg-end: #0f1219;--theme-sidebar-start: #171c26;--theme-sidebar-end: #121620;--theme-panel-bg: #141a25;--theme-surface-bg: #0f141f;--theme-border: #232b3d;--theme-gradient-angle: 180deg}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(var(--theme-gradient-angle),var(--theme-bg-start),var(--theme-bg-end));color:var(--theme-text)}#root{min-height:100vh}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:24px;background:linear-gradient(var(--theme-gradient-angle),var(--theme-sidebar-start),var(--theme-sidebar-end));border-right:1px solid var(--theme-border);display:flex;flex-direction:column;gap:24px}.brand h1{margin:0;font-size:24px;letter-spacing:.5px}.status{display:inline-block;margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--theme-muted)}.status.connected{color:#7ddc9b}.section{display:flex;flex-direction:column;gap:12px}.section label{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--theme-muted)}.server-list{display:grid;gap:10px}.server-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.server-btn{width:44px;height:44px;border-radius:14px;background:var(--theme-surface-bg);color:var(--theme-text);display:inline-flex;align-items:center;justify-content:center}.server-btn.active{background:var(--theme-accent);color:var(--theme-accent-text)}.server-icon{font-weight:700;font-size:16px}.server-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--theme-text);font-size:14px}.server-create{display:grid;grid-template-columns:1fr auto;gap:8px}input,select{padding:10px 12px;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-surface-bg);color:var(--theme-text)}a{color:var(--theme-accent);text-decoration:none}a:hover{text-decoration:underline}button{border:none;border-radius:10px;padding:10px 14px;background:var(--theme-accent);color:var(--theme-accent-text);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f9c66b40}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ghost{background:transparent;color:var(--theme-muted);border:1px solid var(--theme-border)}.channel-list{display:flex;flex-direction:column;gap:8px}.server-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:4px;border-radius:12px}.server-btn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#1b2230;border:1px solid #273044}.server-btn.active{background:#5865f2;border-color:#6975f4;color:#fff}.server-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.server-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px;border-radius:10px}.channel{flex:1;text-align:left;background:transparent;border:1px solid transparent;color:#c7d2eb}.channel.active{background:#2b3448;border-color:#3a4660;color:#fff}.channel-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.channel{background:var(--theme-surface-bg);color:var(--theme-text);text-align:left}.channel.active{background:var(--theme-accent);color:var(--theme-accent-text)}.channel-create{display:grid;grid-template-columns:1fr auto;gap:8px}.main{padding:32px 40px;display:flex;flex-direction:column;gap:24px}.main-header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--theme-border);padding-bottom:16px}.main-header h2{margin:0;font-size:28px}.main-header p{margin:6px 0 0;color:var(--theme-muted)}.actions{display:flex;gap:10px}.panel{background:var(--theme-panel-bg);border-radius:18px;padding:20px;border:1px solid var(--theme-border)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.settings-panel{background:linear-gradient(var(--theme-gradient-angle),var(--theme-panel-bg),var(--theme-surface-bg))}.settings-actions{display:flex;align-items:center;gap:10px}.settings-toggle{background:var(--theme-surface-bg);color:var(--theme-text);padding:8px 12px}.settings-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a129e;display:grid;place-items:center;z-index:80;padding:24px}.settings-modal{width:min(1100px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto}.settings-modal-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.settings-sidebar-tabs{display:grid;gap:8px;align-content:start}.settings-side-tab{text-align:left;background:#1c2433;color:#e8edf6}.settings-side-tab.active{background:#f9c66b;color:#1b1410}.settings-tab-content{display:grid;gap:14px}.settings-block{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--theme-border);background:var(--theme-surface-bg)}.theme-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.theme-grid label{display:grid;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:1.1px;color:var(--theme-muted)}.permission-section{display:grid;gap:10px}.override-controls{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.permission-row{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid #223047;background:#0d111b}.permission-label{font-size:13px;color:#c6d0e7}.permission-roles{display:flex;flex-wrap:wrap;gap:8px}.checkbox-option{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#b7c2da}.checkbox-option input{accent-color:#f9c66b}.role-list{display:grid;gap:8px}.role-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid #223047;background:#0d111b}.invite-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.invite-settings{display:grid;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid #223047;background:#0d111b}.invite-list{display:grid;gap:6px}.invite-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid #223047;background:#0d111b}.tier-toggle{display:inline-flex;gap:8px}.tier-btn{background:#1c2433;color:#e8edf6}.tier-btn.active{background:#f9c66b;color:#1b1410}.tier-summary{display:flex;flex-wrap:wrap;gap:8px}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-title{margin:0;font-size:16px;letter-spacing:.6px}.settings-label{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#9aa7c5}.voice-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.radio-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #232b3d;background:#0f141f}.voice-controls{display:grid;gap:10px;margin-top:12px}.voice-controls label{display:grid;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#9aa7c5}.voice-meter{width:100%;height:10px;border-radius:999px;background:#1c2433;overflow:hidden;border:1px solid #232b3d}.ptt-config{display:grid;gap:6px}.ptt-row{display:flex;align-items:center;gap:10px}.meter-fill{height:100%;width:0;background:#7aa0ff;transition:width .1s ease}.meter-fill.active{background:#f9c66b}.hint{color:#8f9bb6;font-size:13px;margin:6px 0 0}.error{color:#ff9a8b;margin:8px 0 0}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.card{background:#0f141f;border-radius:14px;padding:16px;border:1px solid #232b3d;display:flex;flex-direction:column;gap:12px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card button{background:#2d3750;color:#e8edf6}.card input[type=range]{width:100%}.empty{color:#8f9bb6}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#24324a;color:#c9d4ef;font-size:11px;letter-spacing:.5px}.screen-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.screen-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1px solid #232b3d;background:#0f141f}.screen-video{border-radius:12px;overflow:hidden;border:1px solid #1f2738;background:#0b0f16}.screen-video video{width:100%;height:auto;display:block}.screen-video.controllable{outline:2px solid rgba(249,198,107,.6)}.screen-preview{position:relative;border-radius:14px;overflow:hidden;border:1px solid #1f2738;background:#0b0f16}.screen-preview video{width:100%;display:block}.cursor-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#f58f6a;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 12px #f58f6a99}.inline-actions{display:inline-flex;align-items:center;gap:8px}.upload-row{display:flex;flex-direction:column;gap:8px}.file-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #232b3d;background:#0f141f}.file-item .meta{display:block;color:#8f9bb6;font-size:12px;margin-top:4px}.chat-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;padding-right:6px}.chat-search{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-bottom:12px}.tab-btn{background:#1c2433;color:#e8edf6}.tab-btn.active{background:#f9c66b;color:#1b1410}.dm-list{display:grid;gap:8px;margin-bottom:12px}.dm-toolbar{display:flex;align-items:center;gap:8px}.dm-toolbar input{flex:1}.group-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.group-select{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid #232b3d}.group-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.dm-btn{background:#1c2433;color:#e8edf6}.dm-btn.active{background:#f58f6a;color:#1b1410}.chat-item{padding:10px 12px;border-radius:12px;background:#0f141f;border:1px solid #232b3d}.chat-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:#9aa7c5;font-size:12px}.chat-meta-left,.chat-meta-right{display:flex;align-items:center;gap:8px}.chat-name{font-weight:600;color:#e8edf6}.chat-content{color:#dfe6f5;line-height:1.45;word-break:break-word}.chat-content p{margin:0}.chat-content p+p,.chat-content p+ul,.chat-content p+ol,.chat-content p+blockquote,.chat-content ul+p,.chat-content ol+p,.chat-content blockquote+p,.chat-content pre+p,.chat-content p+pre{margin-top:8px}.chat-content ul,.chat-content ol{margin:6px 0 0 18px;padding:0}.chat-content blockquote{margin:6px 0 0;padding:6px 10px;border-left:3px solid #3c4b69;background:#0c1220;border-radius:8px;color:#c8d2e8}.chat-content code{font-family:Consolas,Courier New,monospace;font-size:12px;padding:2px 5px;border-radius:6px;background:#0b1322;border:1px solid #263652}.chat-content pre{margin:8px 0 0;padding:10px;border-radius:10px;background:#0b1322;border:1px solid #263652;overflow-x:auto}.chat-content pre code{border:none;padding:0;background:transparent}.chat-content a{color:#9ec6ff;text-decoration:none}.chat-content a:hover{text-decoration:underline}.chat-link-list,.chat-image-list{display:grid;gap:8px;margin-top:8px}.chat-link-preview{color:#9ec6ff;text-decoration:none;word-break:break-all}.chat-link-preview:hover{text-decoration:underline}.chat-link-card{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;padding:8px;border-radius:10px;border:1px solid #223047;background:#0d111b;text-decoration:none;color:#e8edf6}.chat-link-card-image{width:96px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #223047}.chat-link-card-content{display:grid;gap:4px;min-width:0}.chat-link-card-content strong,.chat-link-card-content span,.chat-link-card-content small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-link-card-content span,.chat-link-card-content small{color:#9aa7c5}.chat-image-preview{max-width:100%;max-height:260px;border-radius:10px;border:1px solid #223047;display:block}.chat-compose{margin-top:12px;display:grid;gap:10px}.chat-format-toolbar{display:flex;flex-wrap:wrap;gap:6px}.chat-format-toolbar .ghost{min-width:34px;padding:6px 9px;font-size:12px;line-height:1}.chat-compose textarea{width:100%;border-radius:12px;border:1px solid #2c3446;background:#0e1118;color:#e8edf6;padding:10px 12px;resize:vertical}.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.soundboard-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.sound-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;border:1px solid #232b3d;background:#0f141f}.speaker-overlay{position:fixed;right:18px;bottom:18px;width:min(320px,calc(100vw - 36px));z-index:40;border:1px solid #232b3d;border-radius:14px;background:#0f141feb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px;display:grid;gap:8px}.speaker-overlay-title{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9aa7c5}.speaker-overlay-empty{color:#8f9bb6;font-size:12px}.speaker-overlay-list{display:grid;gap:6px}.speaker-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid #2a3650;background:#101827;color:#e8edf6;font-size:13px}.speaker-dot{width:8px;height:8px;border-radius:999px;background:#7ddc9b;box-shadow:0 0 8px #7ddc9bb3}.poll-create{display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:12px}.role-targets{display:flex;flex-wrap:wrap;gap:8px}.poll-list,.signup-list{display:grid;gap:12px}.poll-card{background:#0f141f;border-radius:14px;padding:14px;border:1px solid #232b3d;display:flex;flex-direction:column;gap:10px}.poll-options{display:flex;flex-wrap:wrap;gap:8px}.poll-option-row{display:grid;gap:4px}.member-row-name{display:inline-flex;align-items:center;gap:8px}.presence-dot{width:9px;height:9px;border-radius:999px;display:inline-block}.presence-dot.online{background:#3ba55d;box-shadow:0 0 8px #3ba55d8c}.presence-dot.offline{background:#6b7280}.option-btn{background:#212a3b;color:#e8edf6}.option-btn.active{background:#f9c66b;color:#1b1410}.signup-entries{display:flex;flex-wrap:wrap;gap:8px}.signup-row{display:flex;flex-direction:column;gap:8px}.role-summary{display:flex;flex-wrap:wrap;gap:8px}.signup-roles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.role-title{display:block;margin-bottom:6px;color:#9aa7c5;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.sidebar{padding:14px 12px;gap:14px}.brand{padding:8px 10px 12px;border-bottom:1px solid #222a39}.brand h1{font-size:20px;font-weight:700}.section{gap:8px}.section-header h2{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:1.35px;color:#8e9ab8}.server-list,.channel-list{gap:4px}.server-item,.channel-row{border-radius:8px;transition:background .15s ease}.server-item:hover,.channel-row:hover{background:#ffffff0a}.server-btn{width:40px;height:40px;border-radius:12px}.channel{min-height:34px;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:500}.channel.active{background:#5865f2;border-color:#6975f4;color:#fff}.channel-row .inline-actions{opacity:0;pointer-events:none;transition:opacity .15s ease}.channel-row:hover .inline-actions{opacity:1;pointer-events:auto}.main{padding:20px 24px}.main-header{position:sticky;top:0;z-index:10;margin:-20px -24px 0;padding:12px 24px;background:#0f1219e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #232b3d}.main-header h2{font-size:20px}.main-header .actions{flex-wrap:wrap}.chat-panel{padding:14px 16px 12px;display:grid;gap:10px}.chat-panel>.panel-header{margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid #252f41}.chat-panel .panel-header h3{font-size:15px;margin:0}.chat-panel .chat-search{margin-bottom:6px}.chat-panel .chat-list{max-height:min(56vh,520px);padding-right:8px;gap:6px}.chat-panel .chat-item{border:none;border-radius:8px;background:transparent;padding:9px 10px}.chat-panel .chat-item:hover{background:#ffffff0a}.chat-panel .chat-meta{margin-bottom:4px;font-size:12px}.chat-panel .chat-name{font-size:13px}.chat-panel .chat-content{font-size:14px;line-height:1.46}.chat-panel .chat-compose{margin-top:8px;background:#111722;border:1px solid #2a3448;border-radius:10px;padding:10px;gap:8px}.chat-panel .chat-format-toolbar{gap:4px}.chat-panel .chat-format-toolbar .ghost{padding:5px 8px;border-radius:7px}.chat-panel .chat-compose textarea{border-radius:8px;border-color:#303a4f;background:#0d131d;min-height:92px}.chat-panel .chat-actions{border-top:1px solid #2a3448;padding-top:8px}.chat-panel .chat-actions button{min-width:90px}.main-header{align-items:center}.main-header>div:first-child{min-width:0}.main-header>div:first-child p:last-child{font-size:11px;opacity:.85}.main-header .actions{gap:8px}.main-header .actions button{height:34px;padding:0 12px;border-radius:8px;font-size:11px;font-weight:600}.main-header .actions .ghost{background:#1b2230;color:#c7d2eb;border-color:#2c3549}.section-header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0}.server-create,.channel-create{background:#111723;border:1px solid #232d41;border-radius:10px;padding:8px}.channel-row .inline-actions{gap:4px}.channel-row .inline-actions .ghost{height:28px;padding:0 8px;border-radius:7px;font-size:10px;color:#aeb9d5;border-color:#2e3a52;background:#151d2b}.channel-row .inline-actions .ghost:hover{color:#fff;border-color:#47557a}.server-meta .ghost{height:26px;padding:0 8px;border-radius:7px;font-size:10px}.chat-panel .chat-list{scrollbar-width:thin}.channel-row .inline-actions .ghost,.main-header .actions button,.server-meta .ghost{letter-spacing:.15px}.chat-panel .chat-list::-webkit-scrollbar{width:9px}.chat-panel .chat-list::-webkit-scrollbar-thumb{background:#2b354a;border:2px solid transparent;background-clip:content-box;border-radius:999px}@media (max-width: 960px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #242a38}.main-header{flex-direction:column;align-items:flex-start}}