:root{--bg: #111214;--panel: #1a1c1f;--line: #2b2e33;--text: #e6e7e9;--muted: #9aa0a6;--accent: #5865f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.layout{display:flex;height:100vh}.sidebar{width:240px;flex:0 0 240px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:12px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 4px}.channels{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.channel{width:100%;text-align:left;background:none;border:0;color:var(--text);padding:8px 10px;border-radius:6px;cursor:pointer;font:inherit}.channel:hover{background:#24262b}.channel.active{background:var(--accent)}.members{list-style:none;margin:2px 0 6px;padding:0 0 0 18px}.member{color:var(--muted);font-size:13px;padding:2px 0}.me{border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;justify-content:space-between}.link{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit}.stage{flex:1;min-width:0;display:flex;flex-direction:column}.call{flex:1;width:100%;border:0;display:block}.stage-message{padding:8px 14px;font-size:13px;color:#f27373}.stage-message:empty{display:none;padding:0}.stage-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);text-align:center;padding:24px}.login{max-width:320px;margin:12vh auto;display:flex;flex-direction:column;gap:10px;padding:0 16px}.field{padding:10px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit}.primary{padding:10px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font:inherit}.error{color:#f27373;margin:0}@media(max-width:700px){.layout{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;max-height:42vh}.stage{flex:1}}