:root{--primary:#7d5fff;--secondary:#ff3f34;--dark:#0c0c1e;--bg:#050510;--glass:#141432b3;--glass-border:#ffffff1a;--text:#fff;--text-muted:#abb2bf}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100vh;font-family:Inter,sans-serif;overflow:hidden}h1,h2,h3,.logo{font-family:Outfit,sans-serif}.background-animation{z-index:-1;background:radial-gradient(circle,#151540 0%,#050510 100%);width:100%;height:100%;position:fixed;top:0;left:0}.background-animation:after{content:"";background-image:radial-gradient(circle at 20% 30%,#7d5fff26 0%,#0000 40%),radial-gradient(circle at 80% 70%,#ff3f3426 0%,#0000 40%);width:100%;height:100%;animation:10s ease-in-out infinite alternate bg-pulse;position:absolute;top:0;left:0}@keyframes bg-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}#app{flex-direction:column;gap:1.5rem;height:100vh;padding:1.5rem;display:flex}.app-header{justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:.75rem;font-size:1.6rem;font-weight:800;display:flex}.logo span{color:var(--primary)}.logo-icon{filter:drop-shadow(0 0 10px #7d5fff80);font-size:2rem}#session-info{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:.8rem;padding:.6rem 1.2rem;font-size:.9rem;display:flex}.app-main{flex:1;grid-template-columns:320px 1fr;gap:1.5rem;min-height:0;display:grid}.search-sidebar{flex-direction:column;gap:1rem;min-height:0;padding-right:5px;display:flex;overflow-y:auto}.search-box{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;flex-direction:column;gap:.8rem;padding:1rem;display:flex;position:relative}input[type=text]{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:.8rem 1rem;font-size:.95rem;transition:all .3s}input[type=text]:focus{border-color:var(--primary);background:#0009;outline:none;box-shadow:0 0 15px #7d5fff33}.results-list{flex-direction:column;gap:.4rem;max-height:300px;display:flex;overflow-y:auto}.search-result-item{cursor:pointer;background:#ffffff0d;border-radius:10px;padding:.8rem;transition:all .2s}.search-result-item:hover{background:#7d5fff33;transform:translate(5px)}.search-result-item .item-title{margin-bottom:2px;font-size:.9rem;font-weight:600;display:block}.item-header{flex-wrap:wrap;align-items:baseline;display:flex}.item-title{color:#fff;font-size:.95rem;font-weight:600}.item-alias{color:var(--text-muted);margin-left:.5rem;font-size:.75rem;font-style:italic}.item-meta{flex-direction:column;gap:.2rem;margin-top:.4rem;display:flex}.item-singer,.item-origin{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.item-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.6rem;padding-top:.6rem;display:flex}.item-duration{color:var(--text-muted);font-size:.75rem;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.2rem .6rem;font-size:.65rem;font-weight:700}.badge.off-vocal{color:#ff793f;background:#ff793f26;border:1px solid #ff793f4d}.badge.vocal{color:#7d5fff;background:#7d5fff26;border:1px solid #7d5fff4d}.users-sidebar,.current-queue{width:100%}.users-sidebar h3,.current-queue h3{text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:0;font-size:.9rem}.users-sidebar ul,.current-queue ul{font-size:.85rem;list-style:none}.accordion-section{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px #00000080}.accordion-section summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:1rem;list-style:none}.accordion-section summary::-webkit-details-marker{display:none}.accordion-header{justify-content:space-between;align-items:center;display:flex}.accordion-icon{color:var(--primary);font-size:1.2rem;line-height:1;transition:transform .3s}.accordion-section[open] .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:250px;padding:0 1rem 1rem;overflow-y:auto}#queue-list,#user-list{flex-direction:column;gap:.5rem;display:flex}.users-sidebar li{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .8rem;display:flex}.session-controls{align-items:center;gap:.8rem;display:flex}#session-info{color:var(--text-muted);align-items:center;gap:.8rem;font-size:.85rem;display:flex}.user-identity{color:#fff;border:1px solid var(--glass-border);background:#ffffff0d;border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .6rem;display:flex}#my-name-display{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:600;overflow:hidden}.lyrics-list{color:var(--text-muted);flex-direction:column;gap:.6rem;font-size:.85rem;display:flex}.lyric-item{cursor:pointer;background:#ffffff08;border-radius:8px;padding:.6rem;transition:all .2s;position:relative}.lyric-item:hover{color:#fff;background:#ffffff14}.lyric-item.active{border-left:3px solid var(--primary);color:#fff;background:#7d5fff40;transform:translate(4px)}.lyric-word{margin:0 1px;padding:0 2px;transition:color .2s,transform .2s,text-shadow .2s;display:inline-block}.lyric-word.active{color:#f70;text-shadow:0 0 10px var(--primary), 0 0 20px var(--primary);padding:0 2px;font-weight:700;transform:scale(1.1)}.lyric-time{background:var(--dark);opacity:0;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:.65rem;transition:opacity .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lyric-item:hover .lyric-time{opacity:1}body.hide-timestamps .lyric-time{display:none!important}.empty-msg{text-align:center;opacity:.5;padding:1rem;font-size:.8rem;font-style:italic}.queue-item{background:#ffffff0d;border-radius:12px;flex-direction:column;padding:.8rem;transition:all .2s;display:flex;position:relative}.queue-item:hover{background:#ffffff1a}.q-song{font-size:.85rem;font-weight:600}.q-req{color:var(--text-muted);margin-top:2px;font-size:.7rem}.play-now-btn{background:var(--primary);cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.6rem;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-badge{vertical-align:middle;background:#ffffff1a;border-radius:4px;margin-left:5px;padding:2px 6px;font-size:.65rem}.search-badge.off-vocal{color:#ffb347;background:#ff960033}.player-center{flex-direction:column;gap:1.2rem;min-height:0;display:flex}.player-container{background:#000;border-radius:20px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);box-shadow:0 10px 30px #00000080}#video-wrapper{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#kara-player{object-fit:contain;width:100%;height:100%}#blind-overlay{z-index:10;text-align:center;background:radial-gradient(circle,#2d3436 0%,#000 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blind-icon{filter:grayscale();opacity:.3;margin-bottom:1rem;font-size:5rem;display:block}.blind-content h2{color:var(--secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.player-controls{background:linear-gradient(#000000b3,#000000f2);padding:1.2rem}.progress-container{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.progress-bar{cursor:pointer;background:#ffffff1a;border-radius:10px;flex:1;height:6px;position:relative}#progress-indicator{background:var(--primary);width:0%;height:100%;box-shadow:0 0 10px var(--primary);border-radius:10px;position:relative}.main-controls{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.btn-icon{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;transition:all .2s;display:flex;box-shadow:0 5px 15px #7d5fff66}.btn-icon:hover{transform:scale(1.1);box-shadow:0 8px 20px #7d5fff99}.btn-icon.small{width:26px;height:26px;box-shadow:none;font-size:.75rem}.transfer-host-btn{opacity:.3;transition:opacity .2s}.users-sidebar li:hover .transfer-host-btn{opacity:1}.song-info{flex:1}.song-info h2{margin-bottom:2px;font-size:1.1rem}.song-info p{color:var(--text-muted);font-size:.85rem}.extra-controls{align-items:center;gap:1rem;display:flex}.chat-section{border-radius:18px;flex-direction:column;height:150px;padding:.8rem;display:flex}.chat-log{flex-direction:column;flex:1;gap:.3rem;margin-bottom:.5rem;font-size:.85rem;display:flex;overflow-y:auto}.chat-input-area{gap:.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s}.primary{background:var(--primary);color:#fff}.secondary{background:var(--secondary);color:#fff}.ghost{color:#fff;border:1px solid var(--glass-border);background:0 0}.btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.btn.small{border-radius:8px;padding:.4rem 1rem;font-size:.8rem}.modal-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:24px;flex-direction:column;gap:1.5rem;width:400px;padding:2.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:700}.hidden{display:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}