.login-section{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.46));border:1px solid rgba(255,255,255,.34);border-radius:var(--radius-panel);padding:24px;margin-bottom:24px;box-shadow:0 22px 42px rgba(15,23,42,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.login-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.14),transparent 34%),radial-gradient(circle at bottom right,rgba(255,255,255,.42),transparent 28%)}.login-section>*{position:relative;z-index:1}body.dark .login-section{background:linear-gradient(180deg,rgba(30,41,59,.56),rgba(15,23,42,.52));border-color:rgba(255,255,255,.1);box-shadow:0 24px 44px rgba(0,0,0,.24)}.login-section.login-modal{position:fixed;inset:0;z-index:1260;display:flex;align-items:center;justify-content:center;margin:0;padding:18px;border:0;border-radius:0;background:rgba(15,23,42,.42);box-shadow:none;overflow:auto}.login-section.login-modal.hidden,.login-section.login-modal::before{display:none}body.dark .login-section.login-modal{background:rgba(0,0,0,.58);box-shadow:none}.login-dialog{width:min(460px,100%);padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.34);background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.88));box-shadow:0 30px 64px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.62);backdrop-filter:blur(22px) saturate(1.06);-webkit-backdrop-filter:blur(22px) saturate(1.06)}.login-dialog.hidden{display:none}.register-dialog{width:min(620px,100%)}body.dark .login-dialog{border-color:var(--border-light);background:var(--bg-panel);box-shadow:0 24px 56px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}.login-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.login-dialog-tools{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.login-register-btn{min-height:38px;padding:0 16px;border-radius:var(--radius-pill);white-space:nowrap}.login-dialog-header h3{margin:0}.login-error{min-height:20px;margin-top:8px;color:#ef4444;font-size:.88rem;font-weight:700}.guest-hint{margin-top:12px;font-size:.9rem;color:var(--text-secondary);line-height:1.65}.login-section h3{margin-bottom:16px;color:var(--text-primary)}.login-input{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-bottom:12px}.single-login-input{align-items:end}.single-login-input .login-button-row,.single-login-input .login-field,.single-login-input .login-submit-row{grid-column:1/-1}.single-login-input .login-button-row{grid-template-columns:1fr}.register-button-row,.register-input .login-captcha-field,.register-scroll-fields{grid-column:1/-1}.register-scroll-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.login-field{min-width:0}.login-field label{display:block;margin-bottom:8px;font-weight:700;color:var(--text-secondary)}.single-login-input .btn{min-width:124px}.login-input input{width:100%;min-width:0;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-pill);background:var(--input-bg);color:var(--text-primary)}.login-submit-row{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}.login-button-row{display:grid;grid-template-columns:repeat(2,minmax(124px,1fr));gap:10px;align-items:center}.user-info{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;background:var(--bg-panel);padding:16px 24px;border-radius:var(--radius-pill)}.user-login-state{display:flex;align-items:center;gap:12px}.user-login-dot{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.14);flex:0 0 auto}.user-login-meta{display:flex;flex-direction:column;gap:2px}.user-login-meta strong{color:var(--text-primary);font-size:.98rem}.user-login-meta span{color:var(--text-secondary);font-size:.92rem}.user-info label{font-weight:500;color:var(--text-secondary)}.room-tabs-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px;flex-wrap:wrap}.lobby-layout{--lobby-panel-height:clamp(440px, 42vh, 520px);display:grid;grid-template-columns:minmax(420px,1.16fr) minmax(340px,.84fr);gap:20px;align-items:start}.lobby-action-column,.lobby-room-column{min-width:0;height:var(--lobby-panel-height);border-radius:var(--radius-panel)}.lobby-room-column{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,250,252,.72));box-shadow:0 14px 32px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.52)}.lobby-action-column{overflow:hidden;padding:20px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,250,252,.72));box-shadow:0 14px 32px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.52)}body.dark .lobby-action-column,body.dark .lobby-room-column{border-color:rgba(71,85,105,.34);background:linear-gradient(180deg,rgba(30,41,59,.58),rgba(15,23,42,.56));box-shadow:0 16px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03)}.lobby-column-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lobby-column-head h2{font-size:1rem;line-height:1.25;margin:0;color:var(--text-primary)}.lobby-action-tabs{margin-bottom:14px}.lobby-action-tabs .room-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-action-tabs .tab-btn{width:100%}.room-tabs{display:flex;gap:8px;margin-bottom:0;flex-wrap:wrap}.tab-aux-btn{transition:transform .18s,box-shadow .18s,color .18s;padding:10px 20px;border:1px solid var(--btn-secondary-border);background:linear-gradient(180deg,var(--btn-secondary-bg),rgba(var(--accent-rgb),.06));border-radius:var(--radius-pill);font-weight:600;color:var(--text-primary);cursor:pointer;white-space:nowrap;box-shadow:0 10px 20px rgba(15,23,42,.08)}.tab-aux-btn:hover{transform:translateY(-1px);color:var(--accent);border-color:var(--accent-outline);box-shadow:0 10px 22px rgba(var(--accent-rgb),.14)}.tab-btn{padding:10px 24px;border:1px solid var(--border-light);background:0 0;border-radius:var(--radius-pill);font-weight:500;color:var(--text-secondary);cursor:pointer;pointer-events:auto!important}.tab-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--text-on-accent);border-color:var(--accent);box-shadow:0 14px 24px rgba(var(--accent-rgb),.18)}.tab-content{display:none;margin-top:20px}.tab-content.active{display:block}.room-list{background:0 0;border-radius:0;padding:4px 8px 4px 2px;flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;display:grid;grid-template-columns:1fr;gap:12px;align-content:flex-start}.room-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(100%,560px);min-height:152px;margin:auto;padding:22px 20px;text-align:center;border:1px dashed rgba(148,163,184,.26);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,252,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 26px rgba(15,23,42,.05)}.room-list-empty.is-loading{min-height:136px}.room-list-empty.is-filtered{min-height:142px}.room-list-empty-emoji{font-size:1.6rem;line-height:1}.room-list-empty-title{color:var(--text-primary);font-size:.98rem;font-weight:800;line-height:1.35}.room-list-empty-desc{max-width:330px;color:var(--text-secondary);font-size:.84rem;line-height:1.65}body.dark .room-list-empty{background:linear-gradient(180deg,rgba(30,41,59,.82),rgba(15,23,42,.88));border-color:rgba(71,85,105,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 28px rgba(0,0,0,.2)}#room-chat-messages,.karaoke-lyrics-list,.karaoke-rank-floating-song-list,.karaoke-results,.member-action-popover,.room-list,.room-settings-dialog{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}#room-chat-messages::-webkit-scrollbar,.karaoke-lyrics-list::-webkit-scrollbar,.karaoke-rank-floating-song-list::-webkit-scrollbar,.karaoke-results::-webkit-scrollbar,.member-action-popover::-webkit-scrollbar,.room-list::-webkit-scrollbar,.room-settings-dialog::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}#room-chat-messages::-webkit-scrollbar-track,.karaoke-lyrics-list::-webkit-scrollbar-track,.karaoke-rank-floating-song-list::-webkit-scrollbar-track,.karaoke-results::-webkit-scrollbar-track,.member-action-popover::-webkit-scrollbar-track,.room-list::-webkit-scrollbar-track,.room-settings-dialog::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}#room-chat-messages::-webkit-scrollbar-thumb,.karaoke-lyrics-list::-webkit-scrollbar-thumb,.karaoke-rank-floating-song-list::-webkit-scrollbar-thumb,.karaoke-results::-webkit-scrollbar-thumb,.member-action-popover::-webkit-scrollbar-thumb,.room-list::-webkit-scrollbar-thumb,.room-settings-dialog::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid transparent;border-radius:999px;background-clip:padding-box;min-height:36px}#room-chat-messages::-webkit-scrollbar-thumb:hover,.karaoke-lyrics-list::-webkit-scrollbar-thumb:hover,.karaoke-rank-floating-song-list::-webkit-scrollbar-thumb:hover,.karaoke-results::-webkit-scrollbar-thumb:hover,.member-action-popover::-webkit-scrollbar-thumb:hover,.room-list::-webkit-scrollbar-thumb:hover,.room-settings-dialog::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border:2px solid transparent;background-clip:padding-box}#room-chat-messages::-webkit-scrollbar-thumb:active,.karaoke-lyrics-list::-webkit-scrollbar-thumb:active,.karaoke-rank-floating-song-list::-webkit-scrollbar-thumb:active,.karaoke-results::-webkit-scrollbar-thumb:active,.member-action-popover::-webkit-scrollbar-thumb:active,.room-list::-webkit-scrollbar-thumb:active,.room-settings-dialog::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);border:2px solid transparent;background-clip:padding-box}#room-chat-messages::-webkit-scrollbar-corner,.karaoke-lyrics-list::-webkit-scrollbar-corner,.karaoke-rank-floating-song-list::-webkit-scrollbar-corner,.karaoke-results::-webkit-scrollbar-corner,.member-action-popover::-webkit-scrollbar-corner,.room-list::-webkit-scrollbar-corner,.room-settings-dialog::-webkit-scrollbar-corner{background:0 0}.lobby-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:stretch;margin-bottom:8px}.lobby-room-column .lobby-toolbar{grid-template-columns:minmax(0,1fr) minmax(116px,128px);gap:10px;margin-bottom:0}.search-card{background:linear-gradient(180deg,rgba(var(--accent-rgb),.06),var(--bg-panel));border:1px solid var(--border-light);border-radius:var(--radius-panel);padding:11px 12px;box-shadow:0 10px 24px rgba(15,23,42,.05);min-width:0}.search-card.search-wide{flex:1 1 auto;min-width:0}.search-card.search-narrow{flex:0 0 190px}.search-card label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-primary)}.lobby-room-column .search-card{padding:10px 12px;border-radius:14px}.lobby-room-column .search-card label{margin-bottom:5px;font-size:.73rem;line-height:1.2}.lobby-toolbar input,.lobby-toolbar select{width:100%;height:48px;border-radius:14px;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-light);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 18px rgba(15,23,42,.04);padding:0 14px;font-size:.98rem}.lobby-room-column .lobby-toolbar input,.lobby-room-column .lobby-toolbar select{height:28px;border-radius:10px;font-size:.78rem;padding:0 8px}.lobby-toolbar input::placeholder{color:var(--text-secondary);opacity:.72}.search-card select{width:100%;min-width:0}.toolbar-actions{display:none}.toolbar-actions .btn{min-width:124px;height:48px;border-radius:16px;padding:0 16px}.toolbar-actions .btn.btn-secondary{background:linear-gradient(180deg,var(--btn-secondary-bg),rgba(var(--accent-rgb),.05));border:1px solid var(--btn-secondary-border)}body.dark .search-card{box-shadow:0 14px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03)}body.dark .lobby-toolbar input,body.dark .lobby-toolbar select{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 20px rgba(0,0,0,.16)}#load-more-rooms-btn{display:none;transition:transform .18s,box-shadow .18s,color .18s,border-color .18s,background .18s}.room-list-more-row{display:none;justify-content:center;margin-top:0}.room-list-more-row .btn{min-width:148px}@media (max-width:860px){.lobby-layout{--lobby-panel-height:auto;grid-template-columns:1fr}.lobby-action-column,.lobby-room-column{height:auto}.lobby-room-column .lobby-toolbar{grid-template-columns:1fr 132px}.room-list{max-height:360px}}@media (max-width:640px){.login-section.login-modal{align-items:flex-end;padding:12px}.login-dialog{width:100%;padding:20px 16px;border-radius:22px}.login-dialog-header{align-items:center}.login-dialog-tools{gap:8px}.login-register-btn{min-height:36px;padding-inline:12px}.login-input{display:grid;grid-template-columns:1fr}.login-button-row,.login-submit-row,.register-scroll-fields{grid-template-columns:1fr}.single-login-input .btn{width:100%}.lobby-room-column .lobby-toolbar{grid-template-columns:1fr}.lobby-action-column{padding:14px}.room-list{max-height:320px}}