*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#22263a;--border:#2e3250;--accent:#6366f1;--accent-dark:#4f52d4;--text:#e2e8f0;--text-muted:#8892a4;--red:#f87171;--radius:12px;--sidebar-w:260px}#root,body,html{background:#0f1117;background:var(--bg);color:#e2e8f0;color:var(--text);font-family:Inter,system-ui,sans-serif;height:100%}.loading-screen{align-items:center;display:flex;height:100%;justify-content:center}.spinner{animation:spin .7s linear infinite;border:3px solid #2e3250;border-top-color:#6366f1;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.auth-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:#1a1d27;background:var(--surface);border:1px solid #2e3250;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);max-width:400px;padding:2.5rem 2rem;width:100%}.auth-title{font-size:1.8rem;font-weight:700;margin-bottom:.25rem;text-align:center}.auth-sub{color:#8892a4;color:var(--text-muted);font-size:.875rem;text-align:center}.auth-sub,.tab-row{margin-bottom:1.5rem}.tab-row{border:1px solid #2e3250;border:1px solid var(--border);border-radius:8px;display:flex;gap:.5rem;padding:4px}.tab{background:#0000;border:none;border-radius:6px;color:#8892a4;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem;transition:all .15s}.tab.active{background:#6366f1;background:var(--accent);color:#fff;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-form input{background:#0f1117;background:var(--bg);border:1px solid #2e3250;border:1px solid var(--border);border-radius:8px;color:#e2e8f0;color:var(--text);font-size:.95rem;outline:none;padding:.7rem 1rem;transition:border-color .15s}.auth-form input:focus{border-color:#6366f1;border-color:var(--accent)}.error-msg{color:#f87171;color:var(--red);font-size:.85rem}.btn-primary{background:#6366f1;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background .15s}.btn-primary:hover:not(:disabled){background:#4f52d4;background:var(--accent-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.app-layout{display:flex;height:100vh;overflow:hidden}.main-area{flex:1 1}.main-area,.sidebar{display:flex;flex-direction:column;overflow:hidden}.sidebar{background:#1a1d27;background:var(--surface);border-right:1px solid #2e3250;border-right:1px solid var(--border);width:260px;width:var(--sidebar-w)}.sidebar-header{border-bottom:1px solid #2e3250;border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem}.sidebar-header,.user-badge{align-items:center;display:flex}.user-badge{gap:.6rem}.avatar,.msg-avatar,.online-dot{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:34px;justify-content:center;width:34px}.username{font-size:.95rem;font-weight:600}.logout-btn{background:none;border:none;color:#8892a4;color:var(--text-muted);cursor:pointer;font-size:1.2rem;transition:color .15s}.logout-btn:hover{color:#f87171;color:var(--red)}.sidebar-section{flex:1 1;overflow-y:auto;padding:.75rem 0}.section-label{color:#8892a4;color:var(--text-muted);font-size:.7rem;letter-spacing:.1em;margin-bottom:.4rem;padding:0 1rem;text-transform:uppercase}.room-list{list-style:none}.room-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin:0 .5rem;padding:.45rem 1rem;transition:background .1s}.room-item:hover{background:#22263a;background:var(--surface2)}.room-item.active{background:#6366f1;background:var(--accent);color:#fff}.room-hash{color:#8892a4;color:var(--text-muted);font-weight:700}.room-item.active .room-hash{color:#ffffffb3}.room-name{flex:1 1}.room-count{color:#8892a4;color:var(--text-muted);font-size:.75rem}.room-item.active .room-count{color:#ffffffb3}.create-room-form{border-top:1px solid #2e3250;border-top:1px solid var(--border);display:flex;gap:.5rem;padding:.75rem}.create-room-form input{background:#0f1117;background:var(--bg);border:1px solid #2e3250;border:1px solid var(--border);border-radius:8px;color:#e2e8f0;color:var(--text);flex:1 1;font-size:.875rem;outline:none;padding:.5rem .75rem}.create-room-form input:focus{border-color:#6366f1;border-color:var(--accent)}.create-room-form button{background:#6366f1;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.5rem .9rem}.welcome-screen{align-items:center;color:#8892a4;color:var(--text-muted);display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;padding:2rem;text-align:center}.welcome-screen h2{color:#e2e8f0;color:var(--text);font-size:1.5rem}.chat-window{display:flex;flex-direction:column;height:100%}.chat-header{align-items:center;background:#1a1d27;background:var(--surface);border-bottom:1px solid #2e3250;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.9rem 1.25rem}.chat-room-name{font-size:1.05rem;font-weight:700}.online-list{align-items:center;display:flex;gap:.4rem}.online-dot{border:2px solid #1a1d27;border:2px solid var(--surface);font-size:.75rem;height:28px;width:28px}.online-count{color:#8892a4;color:var(--text-muted);font-size:.8rem;margin-left:.25rem}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto;padding:1rem 1.25rem}.empty-state{color:#8892a4;color:var(--text-muted);font-size:.95rem;margin-top:3rem;text-align:center}.message-row{align-items:flex-end;display:flex;gap:.6rem}.message-row.own{flex-direction:row-reverse}.msg-body{display:flex;flex-direction:column;max-width:65%}.message-row.own .msg-body{align-items:flex-end}.msg-author{color:#8892a4;color:var(--text-muted);font-size:.75rem;margin-bottom:.2rem;padding-left:.25rem}.msg-bubble{border-radius:16px;font-size:.9rem;line-height:1.5;padding:.6rem .9rem;word-break:break-word}.msg-bubble.other{background:#22263a;background:var(--surface2);border-bottom-left-radius:4px}.msg-bubble.own{background:#6366f1;background:var(--accent);border-bottom-right-radius:4px;color:#fff}.msg-time{font-size:.7rem;margin-top:.2rem;padding:0 .25rem}.msg-time,.typing-bar{color:#8892a4;color:var(--text-muted)}.typing-bar{font-size:.8rem;font-style:italic;height:1.5rem;padding:0 1.25rem}.input-row{border-top:1px solid #2e3250;border-top:1px solid var(--border);display:flex;gap:.75rem;padding:.75rem 1.25rem 1rem}.message-input{background:#22263a;background:var(--surface2);border:1px solid #2e3250;border:1px solid var(--border);border-radius:24px;color:#e2e8f0;color:var(--text);flex:1 1;font-size:.95rem;outline:none;padding:.7rem 1rem;transition:border-color .15s}.message-input:focus{border-color:#6366f1;border-color:var(--accent)}.send-btn{background:#6366f1;background:var(--accent);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;transition:background .15s}.send-btn:hover:not(:disabled){background:#4f52d4;background:var(--accent-dark)}.send-btn:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2e3250;background:var(--border);border-radius:3px}
/*# sourceMappingURL=main.3f476554.css.map*/