.layout{height:100vh;display:flex;flex-direction:column}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border);background:#11182ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-weight:700;letter-spacing:.3px}.status{display:flex;gap:10px;align-items:center}.invite{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a}.inviteLabel{color:var(--muted);font-size:12px}.inviteInput{width:340px;max-width:34vw;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#0f1524b3}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.center{flex:1;display:grid;place-items:center;padding:22px}.panel{width:min(420px,100%);background:#11182abf;border:1px solid var(--border);border-radius:14px;padding:16px}.panel h2{margin:0 0 10px;font-size:18px}input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0f1524e6;color:var(--text);outline:none}button{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#6ea8fe26;color:var(--text)}button.secondary{background:#ffffff0f}button:disabled,input:disabled{opacity:.55;cursor:not-allowed}.hint{color:var(--muted);margin:10px 0 0;font-size:13px}.grid{flex:1;display:grid;grid-template-columns:220px 260px 1fr;min-height:0}.sidebar,.channels{border-right:1px solid var(--border);background:#11182a94;min-height:0;display:flex;flex-direction:column}.sidebarHeader{padding:10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px;letter-spacing:.2px}.row{display:flex;gap:8px;align-items:center}.list{padding:8px;display:flex;flex-direction:column;gap:8px;overflow:auto}.item{text-align:left;width:100%;padding:10px;background:#ffffff0a}.item.active{border-color:#6ea8fe80;background:#6ea8fe1f}.empty{padding:10px;color:var(--muted);font-size:13px}.channelIcon{display:inline-block;width:20px;opacity:.9}.chat{display:flex;flex-direction:column;min-height:0}.chatHeader{height:46px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border);background:#11182a94}.messages{flex:1;min-height:0;overflow:auto;padding:12px}.voicePanel{border:1px solid rgba(255,255,255,.06);background:#0f152473;border-radius:14px;padding:12px;margin-bottom:12px}.voiceTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.voiceTitle{font-weight:700}.voiceList{display:flex;flex-direction:column;gap:10px}.voiceRow{display:grid;grid-template-columns:1fr 220px;gap:10px;align-items:center}.voiceName{color:#ffffffe6;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voiceHint{color:var(--muted);font-weight:400}.voiceSlider{width:100%}.voiceMutedHint,.voiceEmpty{color:var(--muted);font-size:13px}.voiceError{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,107,107,.35);background:#ff6b6b1f;color:#ffffffeb;font-size:13px}.voiceWarn{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,193,7,.25);background:#ffc1071a;color:#ffffffeb;font-size:13px}.msg{padding:8px 10px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#0f15248c;margin-bottom:10px}.meta{display:flex;gap:10px;align-items:baseline;font-size:12px;color:var(--muted)}.author{color:#ffffffd9;font-weight:600}.body{margin-top:4px;white-space:pre-wrap;word-break:break-word}.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border-top:1px solid var(--border);background:#11182a94}:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;--bg: #0b0f19;--panel: #11182a;--panel2: #0f1524;--border: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--accent: #6ea8fe}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 20% -10%,rgba(110,168,254,.25),transparent 60%),radial-gradient(1000px 600px at 80% 0%,rgba(120,80,255,.18),transparent 55%),var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}