.page_wrapper__aKzfL{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0f172a;padding:0}.page_chatContainer__anmmI{width:100%;height:100vh;background:#1e293b;display:flex;flex-direction:column}.page_chatHeader__5Ga1Z{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0f172a;border-bottom:1px solid #334155;flex-wrap:wrap;gap:10px}.page_headerLeft__WqHi4{display:flex;flex-direction:column;gap:.3rem}.page_chatHeader__5Ga1Z h2{margin:0;color:#f1f5f9;font-size:1.3rem;font-weight:600}.page_userInfo__Vqx_C{display:flex;gap:.8rem;font-size:.8rem}.page_userName__lWklx{color:#94a3b8}.page_userCount__H4wM4{display:flex;align-items:center;gap:.4rem;color:#94a3b8}.page_onlineIndicator__pmW0p{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.5)}.page_leaveBtn__WYTDI{padding:.5rem 1rem;background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;font-size:.9rem}.page_leaveBtn__WYTDI:hover{background:#7f1d1d}.page_chatBox__gsR6V{display:flex;flex-direction:column;height:100%}.page_messages__slB7r{flex:1 1;background:#0f172a;color:#e2e8f0;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.page_message__ymXyd{padding:.8rem 1rem;border-radius:12px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;max-width:85%;animation:page_fadeIn__jjObi .3s ease}.page_ownMessage__8PJ2C{background:#1e40af;align-self:flex-end;border:1px solid #3b82f6}.page_messageHeader__X6e9_{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.75rem}.page_username__8nRhO{font-weight:600;color:#f1f5f9}.page_ownMessage__8PJ2C .page_username__8nRhO{color:#e0f2fe}.page_timestamp__f6RkV{margin-left:20px;color:#ffffff;font-size:.7rem}.page_messageContent__7hNnW{color:#e2e8f0;line-height:1.4;word-break:break-word}.page_noMsgContainer__JIgWa{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b}.page_noMsg__2H3_4{font-size:1.1rem;margin-bottom:.5rem;color:#94a3b8}.page_noMsgSubtitle__cPyOo{font-size:.9rem;color:#64748b;text-align:center}.page_inputArea__RJBCo{display:flex;gap:.8rem;padding:1rem;background:#0f172a;border-top:1px solid #334155}.page_chatInp__PVfAb{flex:1 1;padding:.8rem 1rem;background:#1e293b;border:1px solid #334155;border-radius:24px;font-size:1rem;color:#e2e8f0;transition:all .2s ease}.page_chatInp__PVfAb::placeholder{color:#64748b}.page_chatInp__PVfAb:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.page_sendBtn__bKot_{padding:0 1.2rem;border:none;border-radius:24px;background:#3b82f6;color:#fff;cursor:pointer;transition:background .2s ease;font-size:1rem;font-weight:500;min-width:70px}.page_sendBtn__bKot_:hover:not(:disabled){background:#2563eb}.page_sendBtn__bKot_:disabled{background:#475569;color:#94a3b8;cursor:not-allowed}@keyframes page_fadeIn__jjObi{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page_messages__slB7r::-webkit-scrollbar{width:6px}.page_messages__slB7r::-webkit-scrollbar-track{background:#0f172a}.page_messages__slB7r::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.page_messages__slB7r::-webkit-scrollbar-thumb:hover{background:#475569}@media (min-width:769px){.page_wrapper__aKzfL{padding:20px}.page_chatContainer__anmmI{width:90%;max-width:800px;height:85vh;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.3);overflow:hidden;border:1px solid #334155}.page_chatHeader__5Ga1Z{padding:1.2rem 1.5rem}.page_headerLeft__WqHi4{gap:.5rem}.page_chatHeader__5Ga1Z h2{font-size:1.5rem}.page_userInfo__Vqx_C{font-size:.9rem}.page_leaveBtn__WYTDI{padding:.6rem 1.2rem;font-size:1rem}.page_messages__slB7r{padding:1.5rem}.page_message__ymXyd{max-width:75%;padding:.9rem 1.2rem}.page_messageHeader__X6e9_{font-size:.8rem}.page_timestamp__f6RkV{font-size:.75rem}.page_inputArea__RJBCo{padding:1.2rem 1.5rem}.page_chatInp__PVfAb{padding:.9rem 1.2rem}.page_sendBtn__bKot_{padding:0 1.5rem}}@media (max-height:500px) and (orientation:landscape){.page_chatHeader__5Ga1Z,.page_inputArea__RJBCo,.page_messages__slB7r{padding:.7rem}}.RoomLogin_loginContainer__LJSvf{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0f172a;padding:16px}.RoomLogin_loginBox__HeH24{background:#1e293b;padding:2rem;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.3);width:100%;max-width:400px;color:#e2e8f0;border:1px solid #334155}.RoomLogin_loginBox__HeH24 h2{text-align:center;margin-bottom:1.8rem;color:#f1f5f9;font-weight:600;font-size:1.8rem}.RoomLogin_loginForm__zCMp3{display:flex;flex-direction:column;gap:1.2rem}.RoomLogin_input__NyM2A{padding:.9rem 1rem;background:#0f172a;border:1px solid #334155;border-radius:8px;font-size:1rem;color:#e2e8f0;transition:all .2s ease}.RoomLogin_input__NyM2A::placeholder{color:#64748b}.RoomLogin_input__NyM2A:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.RoomLogin_joinBtn__yLtVK{padding:.9rem;background:#3b82f6;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;margin-top:.5rem}.RoomLogin_joinBtn__yLtVK:hover:not(:disabled){background:#2563eb}.RoomLogin_joinBtn__yLtVK:disabled{background:#475569;color:#94a3b8;cursor:not-allowed}.RoomLogin_connectionStatus__PUeKP{display:flex;align-items:center;margin-top:1.5rem;padding:.8rem;border-radius:8px;font-size:.9rem;gap:.5rem}.RoomLogin_connected__ft4D3{background:rgba(101,163,13,.15);color:#65a30d}.RoomLogin_disconnected__NeZ4N{background:rgba(239,68,68,.15);color:#ef4444}.RoomLogin_statusIndicator__QpUZk{width:8px;height:8px;border-radius:50%}.RoomLogin_connected__ft4D3 .RoomLogin_statusIndicator__QpUZk{background:#65a30d;box-shadow:0 0 6px rgba(101,163,13,.5)}.RoomLogin_disconnected__NeZ4N .RoomLogin_statusIndicator__QpUZk{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.5)}@media (max-width:768px){.RoomLogin_loginContainer__LJSvf{align-items:flex-start;padding:2rem 0 0}.RoomLogin_loginBox__HeH24{border-radius:0;box-shadow:none;border:none;max-width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center}}