:root{--bg: #1e1f22;--bg-secondary: #2b2d31;--bg-tertiary: #313338;--accent: #5865f2;--accent-hover: #4752c4;--text: #f2f3f5;--muted: #949ba4;--danger: #ed4245;--success: #3ba55d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent)}button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;background:var(--accent);color:#fff}button:hover{background:var(--accent-hover)}button.secondary{background:var(--bg-tertiary)}button.danger{background:var(--danger)}input{width:100%;padding:10px;border-radius:4px;border:1px solid #1e1f22;background:var(--bg);color:var(--text);margin-bottom:12px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{background:var(--bg-secondary);padding:32px;border-radius:8px;width:100%;max-width:400px}.auth-card h1{margin-top:0}.error{color:var(--danger);font-size:14px;margin-bottom:12px}.app-shell{display:flex;height:100vh}.guild-bar{width:72px;background:var(--bg);padding:12px 8px;display:flex;flex-direction:column;gap:8px;align-items:center}.guild-pill{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:border-radius .15s}.guild-pill:hover,.guild-pill.active{border-radius:16px;background:var(--accent)}.channel-panel{width:240px;background:var(--bg-secondary);display:flex;flex-direction:column}.channel-panel header{padding:16px;font-weight:700;border-bottom:1px solid var(--bg);box-shadow:0 1px #0003}.channel-list{flex:1;overflow-y:auto;padding:8px}.channel-item{padding:8px 10px;border-radius:4px;cursor:pointer;color:var(--muted);font-size:15px}.channel-item:hover,.channel-item.active{background:var(--bg-tertiary);color:var(--text)}.channel-item.voice:before{content:"🔊 "}.channel-item.text:before{content:"# "}.main-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-tertiary)}.chat-header{padding:12px 16px;border-bottom:1px solid var(--bg);font-weight:600}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message{line-height:1.4}.message .author{font-weight:600;margin-right:8px;color:var(--text)}.message .time{font-size:12px;color:var(--muted);margin-right:8px}.composer{padding:16px;display:flex;gap:8px}.composer input{flex:1;margin:0}.voice-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.voice-status{color:var(--muted)}.user-bar{padding:8px 12px;background:var(--bg);font-size:13px;display:flex;justify-content:space-between;align-items:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-secondary);padding:24px;border-radius:8px;min-width:320px}