:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{margin:0}#root{min-height:100vh}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}.loading-screen,.login-screen{color:#f4f6fb;background:radial-gradient(circle at top,#263552,#0000 45%),#11141b;place-items:center;min-height:100vh;display:grid}.loading-screen{align-content:center;gap:16px}.login-card{background:#1b202b;border:1px solid #303747;border-radius:18px;width:min(420px,100vw - 32px);padding:40px;box-shadow:0 24px 70px #0008}.login-card h1{margin:20px 0 4px;font-size:32px}.muted{color:#9ca6b8;margin:0 0 28px}.login-card form{gap:18px;display:grid}.login-card label{color:#cbd2df;text-transform:uppercase;gap:8px;font-size:13px;font-weight:700;display:grid}.login-card input{color:#fff;background:#11151d;border:1px solid #394152;border-radius:8px;outline:none;width:100%;padding:12px 14px}.login-card input:focus{border-color:#7289ff}.login-card button,.composer button{color:#fff;background:#6578f7;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.error,.send-error{color:#ff8d8d;font-size:14px}.brand-mark{color:#fff;background:#6578f7;border-radius:15px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:900;display:grid}.brand-mark.large{border-radius:18px;width:58px;height:58px;font-size:28px}.chat-shell{color:#e8eaf0;background:#171a21;grid-template-columns:72px 250px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.community-bar{background:#101218;flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex}.community{color:#d9deea;background:#292e3a;border:0;border-radius:50%;width:46px;height:46px;font-weight:800;transition:all .12s}.community:hover,.community.active{color:#fff;background:#6578f7;border-radius:15px}.channel-panel{background:#1d212b;grid-template-rows:56px 1fr 62px;min-width:0;display:grid}.channel-panel>header,.chat-header{border-bottom:1px solid #101218}.channel-panel>header{align-items:center;padding:0 16px;display:flex}.channel-list{padding:18px 8px;overflow-y:auto}.section-label{color:#8993a5;margin:0 8px 8px;font-size:11px;font-weight:800}.channel{color:#aeb6c5;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.channel span{color:#737e91;font-size:20px}.channel:hover,.channel.active{color:#fff;background:#292f3b}.user-panel{background:#171a22;align-items:center;gap:9px;padding:9px;display:flex}.avatar{color:#fff;background:#6578f7;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.user-details{flex-direction:column;flex:1;min-width:0;display:flex}.user-details strong,.user-details span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-details span{color:#8f98a9;font-size:12px}.logout{color:#9ba4b4;background:0 0;border:0;padding:8px;font-size:18px}.chat-panel{background:#242832;grid-template-rows:56px minmax(0,1fr) auto;min-width:0;display:grid}.chat-header{background:#242832;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.hash{color:#8993a5;margin-right:8px;font-size:24px}.connection{color:#8d96a6;text-transform:capitalize;font-size:12px}.connection.connected{color:#67d391}.connection.error{color:#ff8585}.message-list{padding:18px 0;overflow-y:auto}.channel-intro{padding:40px 24px 24px}.channel-intro h2{margin:14px 0 6px}.channel-intro p{color:#9ba4b4;margin:0}.channel-icon{background:#343a47;border-radius:50%;place-items:center;width:64px;height:64px;font-size:34px;font-weight:800;display:grid}.message{gap:14px;padding:8px 24px;display:flex}.message:hover{background:#20242d}.message-body{min-width:0}.message-meta{align-items:baseline;gap:9px;display:flex}.message-meta time{color:#808999;font-size:11px}.message-content{color:#d9dde6;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:3px;line-height:1.45}.composer-area{padding:0 20px 20px}.send-error{margin:0 4px 7px}.composer{background:#353b48;border-radius:10px;gap:10px;padding:8px;display:flex}.composer input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:8px 10px}.composer input::placeholder{color:#8992a3}.composer button{padding:8px 16px}.composer button:disabled{cursor:default;opacity:.5}@media (width<=700px){.chat-shell{grid-template-columns:58px 180px minmax(0,1fr)}.community-bar .brand-mark,.community{width:40px;height:40px}}.field-help{color:#7f899b;text-transform:none;font-size:11px;font-weight:500;line-height:1.4}.auth-switch{color:#8f98a9;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:13px;display:flex}.auth-switch button{color:#8291ff;background:0 0;border:0;padding:0;font-weight:700}.auth-switch button:hover{text-decoration:underline}