:root{--bg:#0e1014;--panel:#15181f;--panel-2:#1c2029;--border:#2a2f3a;--text:#e6e8ec;--muted:#8a93a6;--accent:#5b8def;--danger:#ef5b5b}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;outline:none;padding:8px 12px}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{filter:brightness(1.1)}button.ghost{background:0 0;border-color:#0000}button:disabled{opacity:.5;cursor:not-allowed}input:focus,textarea:focus{border-color:var(--accent)}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:13px}.app{grid-template-columns:240px 220px 1fr;height:100%;display:grid}.sidebar,.channel-list{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sidebar h2,.channel-list h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0;padding:16px 16px 8px;font-size:12px}.sidebar-list,.channel-items{flex:1;padding:0 8px 12px;overflow-y:auto}.item{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;margin-top:2px;padding:8px 10px;display:block}.item:hover{background:var(--panel-2)}.item.active{background:var(--panel-2);border-color:var(--accent);color:#fff}.user-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.chat{flex-direction:column;height:100%;display:flex}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.chat-header h1{margin:0;font-size:16px}.chat-header .topic{color:var(--muted);font-size:13px}.search-bar{border-bottom:1px solid var(--border);padding:10px 20px}.search-bar input{width:100%}.messages{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.message{flex-direction:column;gap:2px;display:flex}.message-header{color:var(--muted);font-size:12px}.message-header .author{color:var(--text);margin-right:8px;font-weight:600}.message-body{white-space:pre-wrap;word-break:break-word}.composer{border-top:1px solid var(--border);gap:8px;padding:12px 20px;display:flex}.composer textarea{resize:none;flex:1;min-height:38px;max-height:200px}.center{justify-content:center;align-items:center;min-height:100%;padding:32px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;width:360px;max-width:100%;padding:28px;display:flex}.card h1{margin:0;font-size:20px}.card label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.card input{width:100%}.row{align-items:center;gap:8px;display:flex}.empty{color:var(--muted);text-align:center;padding:48px 24px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;min-width:320px;padding:24px}dialog::backdrop{background:#00000080}.mobile-only{display:none}@media (width<=768px){.app{grid-template-columns:1fr}.app[data-pane=channels] .sidebar,.app[data-pane=channels] .chat,.app[data-pane=chat] .sidebar,.app[data-pane=chat] .channel-list{display:none}.mobile-only{display:inline-flex}.chat-header{padding:10px 12px}.chat-header h1{font-size:15px}.messages{padding:12px 14px}.composer{padding:10px 12px}.search-bar{padding:8px 12px}.sidebar h2,.channel-list h2{padding:12px 12px 6px}input,textarea,select{font-size:16px}button,.item{min-height:40px}.composer{padding-bottom:max(10px, env(safe-area-inset-bottom))}}