.user-info[data-v-1799c8f0]{position:relative}.user-info-content[data-v-1799c8f0]{display:flex;align-items:center;cursor:pointer;padding:5px 10px;border-radius:20px;transition:background-color .3s}.user-info-content[data-v-1799c8f0]:hover{background-color:#f0f0f0}.user-avatar[data-v-1799c8f0]{width:30px;height:30px;border-radius:50%;background-color:#4caf50;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;margin-right:8px}.user-name-compact[data-v-1799c8f0]{font-weight:500;font-size:14px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-icon[data-v-1799c8f0]{font-size:10px;margin-left:5px;color:#666}.dropdown-menu[data-v-1799c8f0]{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:200px;z-index:1000;margin-top:5px;overflow:hidden}.dropdown-user-info[data-v-1799c8f0]{padding:15px;background-color:#f9f9f9}.user-name[data-v-1799c8f0]{font-weight:700;font-size:16px;margin-bottom:3px}.user-username[data-v-1799c8f0]{font-size:14px;color:#666}.dropdown-divider[data-v-1799c8f0]{height:1px;background-color:#eee;margin:0}.dropdown-item[data-v-1799c8f0]{display:flex;align-items:center;padding:12px 15px;width:100%;text-align:left;background:none;border:none;cursor:pointer;transition:background-color .3s}.dropdown-item[data-v-1799c8f0]:hover{background-color:#f5f5f5}.item-icon[data-v-1799c8f0]{margin-right:10px}.logout-btn[data-v-1799c8f0]{color:#f44336}.login-prompt[data-v-1799c8f0]{padding:5px 0}.login-link[data-v-1799c8f0]{display:flex;align-items:center;color:#4caf50;text-decoration:none;font-weight:500;font-size:14px;padding:5px 10px;border-radius:20px;transition:background-color .3s}.login-link[data-v-1799c8f0]:hover{background-color:rgba(76,175,80,.1)}.login-icon[data-v-1799c8f0]{margin-right:5px}@media (prefers-color-scheme:dark){.user-info-content[data-v-1799c8f0]:hover{background-color:hsla(0,0%,100%,.1)}.dropdown-menu[data-v-1799c8f0]{background-color:#2d2d2d;box-shadow:0 2px 10px rgba(0,0,0,.3)}.dropdown-user-info[data-v-1799c8f0]{background-color:#333}.user-username[data-v-1799c8f0]{color:#aaa}.dropdown-divider[data-v-1799c8f0]{background-color:#444}.dropdown-item[data-v-1799c8f0]:hover{background-color:#3d3d3d}}body{font-family:Roboto,sans-serif}.app-nav{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:8px 0;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;align-items:center;height:40px}.app-logo{font-size:18px;font-weight:700;color:#4caf50;text-decoration:none}.nav-spacer{flex:1}@media (prefers-color-scheme:dark){body{background-color:#121212;color:#f5f5f5}.app-nav{background-color:#1e1e1e;box-shadow:0 1px 3px rgba(0,0,0,.2)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}.home[data-v-23e88be0],body{overflow-x:hidden;width:100%;background-color:#f5f7fa}.home[data-v-23e88be0]{display:flex;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}.app-header[data-v-23e88be0]{text-align:center;padding:2rem 1rem 1.5rem;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);width:100%}.content[data-v-23e88be0]{width:100%;max-width:480px;margin:0 auto;padding:1.5rem;flex:1}h1[data-v-23e88be0]{font-size:1.8rem;color:#2c3e50;margin:0 0 .5rem;font-weight:700}.tagline[data-v-23e88be0]{color:#7f8c8d;margin:0;font-size:.9rem}.actions[data-v-23e88be0]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%}.btn[data-v-23e88be0]{padding:12px 16px;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600;display:flex;align-items:center;justify-content:center}.create[data-v-23e88be0]{background-color:#4361ee;color:#fff;width:100%}.create[data-v-23e88be0]:active{background-color:#3a56d4;transform:scale(.98)}.join-room[data-v-23e88be0]{display:flex;gap:.5rem;width:100%}.input-wrapper[data-v-23e88be0]{position:relative;flex:1;display:flex;align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05)}input[data-v-23e88be0]{flex:1;padding:12px 16px;font-size:1rem;border:none;border-radius:12px;background:transparent;width:100%}input[data-v-23e88be0]:focus{outline:none}.clear-btn[data-v-23e88be0]{background:none;border:none;color:#999;cursor:pointer;padding:8px;margin-right:4px;border-radius:50%}.clear-btn[data-v-23e88be0]:hover{background-color:rgba(0,0,0,.05)}.join[data-v-23e88be0]{background-color:#3ccfcf;color:#fff;padding:12px 16px;white-space:nowrap}.join[data-v-23e88be0]:disabled{background-color:#b3b3b3;cursor:not-allowed}.join[data-v-23e88be0]:active:not(:disabled){background-color:#36baba;transform:scale(.98)}.popular-rooms[data-v-23e88be0]{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05);width:100%}.header[data-v-23e88be0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.room-actions[data-v-23e88be0]{display:flex;align-items:center;gap:8px}.room-count[data-v-23e88be0]{font-size:.8rem;color:#7f8c8d}.popular-rooms h2[data-v-23e88be0]{font-size:1.1rem;color:#2c3e50;margin:0;font-weight:600}.refresh-btn[data-v-23e88be0]{background:none;border:none;color:#4361ee;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .3s ease}.refresh-btn[data-v-23e88be0]:hover{background-color:rgba(67,97,238,.1)}.refreshing[data-v-23e88be0]{animation:spin-23e88be0 1s linear infinite}.room-list[data-v-23e88be0]{display:flex;flex-direction:column;gap:.8rem;width:100%}.room-card[data-v-23e88be0]{background:#f8f9fa;padding:14px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;position:relative;width:100%}.room-card[data-v-23e88be0]:active{transform:scale(.98);background-color:#f1f3f5}.room-avatar[data-v-23e88be0]{width:40px;height:40px;border-radius:50%;background-color:#4361ee;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.room-info[data-v-23e88be0]{flex:1;min-width:0}.room-name[data-v-23e88be0]{font-weight:600;color:#2c3e50;margin-bottom:4px}.room-desc[data-v-23e88be0],.room-name[data-v-23e88be0]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-desc[data-v-23e88be0]{font-size:.8rem;color:#7f8c8d}.room-stats[data-v-23e88be0]{display:flex;align-items:center;gap:8px}.room-users[data-v-23e88be0]{font-size:.9rem;color:#4361ee;font-weight:600;display:flex;align-items:center;gap:4px}.icon-enter-small[data-v-23e88be0]{color:#7f8c8d;font-size:.8rem}.loading-container[data-v-23e88be0]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;width:100%}.loading-spinner[data-v-23e88be0]{width:36px;height:36px;border:3px solid rgba(67,97,238,.2);border-radius:50%;border-top-color:#4361ee;animation:spin-23e88be0 1s linear infinite;margin-bottom:1rem}.error-message[data-v-23e88be0]{text-align:center;padding:1.5rem 0;color:#e74c3c;display:flex;flex-direction:column;align-items:center;width:100%}.icon-error[data-v-23e88be0]{font-size:2rem;margin-bottom:.5rem}.retry[data-v-23e88be0]{background-color:#e74c3c;color:#fff;padding:8px 16px;margin-top:1rem;font-size:.9rem}.empty-state[data-v-23e88be0]{text-align:center;padding:2rem 0;color:#7f8c8d;display:flex;flex-direction:column;align-items:center;width:100%}.icon-empty[data-v-23e88be0]{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.create-small[data-v-23e88be0]{background-color:#4361ee;color:#fff;padding:8px 16px;margin-top:1rem;font-size:.9rem;display:inline-flex}.app-footer[data-v-23e88be0]{text-align:center;padding:1.5rem;color:#7f8c8d;font-size:.8rem;background-color:#fff;border-top:1px solid #eaeaea;margin-top:auto;width:100%}.copyright[data-v-23e88be0]{margin-top:.5rem;opacity:.7}.icon-plus[data-v-23e88be0]:before{content:"+";margin-right:8px;font-size:1.2rem}.icon-refresh[data-v-23e88be0]:before{content:"↻"}.icon-user[data-v-23e88be0]:before{content:"👤"}.icon-enter[data-v-23e88be0]:before{content:"→";margin-right:6px}.icon-enter-small[data-v-23e88be0]:before{content:"→"}.icon-clear[data-v-23e88be0]:before{content:"×"}.icon-error[data-v-23e88be0]:before{content:"⚠️"}.icon-empty[data-v-23e88be0]:before{content:"💬"}@keyframes spin-23e88be0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.app-header[data-v-23e88be0]{padding:3rem 1rem 2rem}.content[data-v-23e88be0]{max-width:900px;padding:2rem;display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}h1[data-v-23e88be0]{font-size:2.2rem}.tagline[data-v-23e88be0]{font-size:1rem}.btn[data-v-23e88be0]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn[data-v-23e88be0]:active{transform:translateY(0)}.room-card[data-v-23e88be0]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.05)}.room-card[data-v-23e88be0]:active{transform:translateY(0)}.popular-rooms[data-v-23e88be0]{height:100%}.room-list[data-v-23e88be0]{max-height:400px;overflow-y:auto;padding-right:4px}.room-list[data-v-23e88be0]::-webkit-scrollbar{width:6px}.room-list[data-v-23e88be0]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.room-list[data-v-23e88be0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.room-list[data-v-23e88be0]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}}@media (max-width:480px){.app-header[data-v-23e88be0]{padding:1.5rem 1rem 1rem}.content[data-v-23e88be0]{padding:1rem}h1[data-v-23e88be0]{font-size:1.6rem}.btn[data-v-23e88be0],input[data-v-23e88be0]{padding:10px 14px}.popular-rooms[data-v-23e88be0]{padding:1.2rem}.room-card[data-v-23e88be0]{padding:12px}.room-avatar[data-v-23e88be0]{width:36px;height:36px;font-size:1rem}.btn[data-v-23e88be0],.clear-btn[data-v-23e88be0],.refresh-btn[data-v-23e88be0],.room-card[data-v-23e88be0]{touch-action:manipulation}[data-v-23e88be0]{-webkit-tap-highlight-color:transparent}.room-list[data-v-23e88be0]{-webkit-overflow-scrolling:touch}}@media (prefers-color-scheme:dark){.home[data-v-23e88be0],body[data-v-23e88be0]{background-color:#121212}.app-header[data-v-23e88be0]{background-color:#1e1e1e;box-shadow:0 1px 2px rgba(0,0,0,.2)}h1[data-v-23e88be0]{color:#f8f9fa}.tagline[data-v-23e88be0]{color:#a0aec0}.popular-rooms[data-v-23e88be0]{background:#1e1e1e;box-shadow:0 4px 12px rgba(0,0,0,.15)}.popular-rooms h2[data-v-23e88be0]{color:#f8f9fa}.room-card[data-v-23e88be0]{background:#2d2d2d}.room-card[data-v-23e88be0]:active{background-color:#333}.room-name[data-v-23e88be0]{color:#f8f9fa}.room-desc[data-v-23e88be0]{color:#a0aec0}.input-wrapper[data-v-23e88be0]{background-color:#2d2d2d;box-shadow:0 2px 4px rgba(0,0,0,.2)}input[data-v-23e88be0]{color:#f8f9fa}input[data-v-23e88be0]::-moz-placeholder{color:#a0aec0}input[data-v-23e88be0]::placeholder{color:#a0aec0}.clear-btn[data-v-23e88be0]{color:#a0aec0}.clear-btn[data-v-23e88be0]:hover{background-color:hsla(0,0%,100%,.1)}.app-footer[data-v-23e88be0]{background-color:#1e1e1e;border-top:1px solid #333;color:#a0aec0}.loading-spinner[data-v-23e88be0]{border-color:rgba(115,138,255,.2);border-top-color:#738aff}@media (min-width:768px){.room-list[data-v-23e88be0]::-webkit-scrollbar-track{background:#2d2d2d}.room-list[data-v-23e88be0]::-webkit-scrollbar-thumb{background:#444}.room-list[data-v-23e88be0]::-webkit-scrollbar-thumb:hover{background:#555}}}