:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.vinyl{border-radius:50%;background:conic-gradient(from 0deg,#111,#1a1a1a,#111,#1a1a1a,#111,#1a1a1a,#111,#1a1a1a,#111,#1a1a1a,#111,#1a1a1a,#111 360deg);position:relative;box-shadow:0 0 0 3px #222,0 0 30px #00000080;flex-shrink:0}.vinyl-spinning{animation:spin 2s linear infinite}.vinyl-grooves{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(255,255,255,.03);box-shadow:inset 0 0 0 8px #ffffff05,inset 0 0 0 16px #ffffff03,inset 0 0 0 24px #ffffff05}.vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;border-radius:50%;overflow:hidden;background:var(--bg-elevated);border:2px solid #333}.vinyl-art{width:100%;height:100%;object-fit:cover}.vinyl-dot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,var(--accent-coral) 0%,var(--bg-elevated) 70%)}.countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000e6;z-index:100}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem 1rem;width:100%;max-width:540px;margin:0 auto;position:relative;overflow:hidden;min-height:100vh;box-sizing:border-box}.landing-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.landing-page>*:not(.landing-bg),.auth-page>*:not(.landing-bg){position:relative;z-index:1}.landing-bg-rings{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at center,transparent 10%,rgba(255,77,77,.03) 10.5%,transparent 11.5%,transparent 22%,rgba(0,229,255,.025) 22.5%,transparent 23.5%,transparent 34%,rgba(255,77,77,.02) 34.5%,transparent 35.5%,transparent 46%,rgba(0,229,255,.018) 46.5%,transparent 47.5%);animation:landing-rings-pulse 8s ease-in-out infinite}.landing-bg-rings--left{top:10%;left:-15%;animation-delay:0s}.landing-bg-rings--right{bottom:5%;right:-15%;animation-delay:4s}@keyframes landing-rings-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.6}}.landing-bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:0;animation:landing-glow-fade 6s ease-in-out infinite}.landing-bg-glow--coral{width:350px;height:350px;top:-5%;left:-10%;background:radial-gradient(circle,rgba(255,77,77,.12) 0%,transparent 70%);animation-delay:0s}.landing-bg-glow--cyan{width:300px;height:300px;bottom:10%;right:-10%;background:radial-gradient(circle,rgba(0,229,255,.1) 0%,transparent 70%);animation-delay:3s}@keyframes landing-glow-fade{0%,to{opacity:0}30%,70%{opacity:1}}.landing-note{position:absolute;opacity:0;animation:landing-float 14s ease-in-out infinite}.landing-note-1{width:20px;height:20px;top:15%;left:8%;color:#ff4d4d1f;animation-delay:0s;animation-duration:12s}.landing-note-2{width:16px;height:16px;top:35%;right:6%;color:#00e5ff1a;animation-delay:2s;animation-duration:15s}.landing-note-3{width:28px;height:28px;top:60%;left:5%;color:#00e5ff14;animation-delay:4s;animation-duration:18s}.landing-note-4{width:14px;height:14px;top:75%;right:12%;color:#ff4d4d1a;animation-delay:1s;animation-duration:13s}.landing-note-5{width:22px;height:22px;top:25%;right:15%;color:#ff4d4d12;animation-delay:5s;animation-duration:16s}.landing-note-6{width:18px;height:18px;top:48%;left:12%;color:#00e5ff17;animation-delay:3s;animation-duration:14s}.landing-note-7{width:12px;height:12px;top:85%;left:20%;color:#ffc10714;animation-delay:7s;animation-duration:17s}@keyframes landing-float{0%{opacity:0;transform:translateY(20px) rotate(0) scale(.8)}15%{opacity:1}50%{transform:translateY(-30px) rotate(15deg) scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(-60px) rotate(-10deg) scale(.8)}}.landing-bg-orbit{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid transparent;animation:landing-orbit-spin linear infinite}.landing-bg-orbit--1{width:500px;height:500px;margin:-250px 0 0 -250px;border-top-color:#ff4d4d0f;border-right-color:#ff4d4d08;animation-duration:25s}.landing-bg-orbit--2{width:650px;height:650px;margin:-325px 0 0 -325px;border-bottom-color:#00e5ff0d;border-left-color:#00e5ff06;animation-duration:35s;animation-direction:reverse}.landing-bg-orbit--3{width:380px;height:380px;margin:-190px 0 0 -190px;border-top-color:#ffc1070a;animation-duration:20s}@keyframes landing-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-bg-lines{position:absolute;inset:-50%;transform:rotate(-35deg);background:repeating-linear-gradient(90deg,transparent 0px,transparent 180px,rgba(255,255,255,.018) 180px,rgba(255,255,255,.018) 181px,transparent 181px,transparent 360px);animation:landing-lines-drift 20s linear infinite}@keyframes landing-lines-drift{0%{transform:rotate(-35deg) translate(0)}to{transform:rotate(-35deg) translate(360px)}}.landing-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.landing-hero .logo-lg{gap:.5rem}.landing-hero .logo-title{font-size:2.4rem}.landing-vinyl-glow{position:relative;display:flex;align-items:center;justify-content:center}.landing-vinyl-glow:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,77,.18) 0%,rgba(0,229,255,.1) 50%,transparent 70%);filter:blur(20px);pointer-events:none}.landing-title{font-size:3.6rem;font-weight:900;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,var(--accent-coral) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.landing-subtitle{font-size:1rem;color:var(--text-muted);margin:0;line-height:1.4}.landing-features{display:flex;align-items:stretch;width:100%;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.landing-feat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.1rem .75rem;text-align:center;position:relative}.landing-feat-card+.landing-feat-card:before{content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--border-subtle)}.landing-feat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;flex-shrink:0;margin-bottom:.15rem}.landing-feat-icon--coral{background:#ff4d4d24;color:var(--accent-coral)}.landing-feat-icon--cyan{background:#00e5ff1f;color:var(--accent-cyan)}.landing-feat-icon--gold{background:#ffc1071f;color:#ffc107}.landing-feat-title{font-size:.87rem;font-weight:700;color:var(--text-primary);line-height:1.2}.landing-feat-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.landing-ctas{display:flex;gap:.75rem;width:100%}.landing-btn-primary{display:flex;align-items:center;justify-content:center;flex:1;padding:.85rem 1rem;background:linear-gradient(135deg,var(--accent-coral) 0%,#e03535 100%);color:#fff;border:none;border-radius:50px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 4px 24px #ff4d4d59;letter-spacing:.01em}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff4d4d80;filter:brightness(1.07)}.landing-btn-primary:active{transform:translateY(0)}.landing-btn-secondary{display:flex;align-items:center;justify-content:center;flex:1;padding:.85rem 1rem;background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.12);border-radius:50px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.landing-btn-secondary:hover{background:var(--bg-elevated);border-color:#ffffff38;transform:translateY(-1px)}.landing-steps{display:flex;align-items:center;justify-content:center;gap:0;width:100%;padding:.85rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius)}.landing-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1}.landing-step span{font-size:.78rem;color:var(--text-muted);text-align:center;line-height:1.3}.landing-step-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--accent-coral),#e03535);color:#fff;font-size:.8rem;font-weight:800;box-shadow:0 0 14px #ff4d4d59}.landing-step-line{flex:0 0 28px;height:1px;background:linear-gradient(90deg,var(--accent-coral),var(--accent-cyan));opacity:.3;margin-bottom:1.2rem}.landing-legal{font-size:.77rem;color:var(--text-dim);text-align:center;line-height:1.6;margin:0}.landing-legal a{color:var(--text-muted);text-decoration:underline;transition:color .15s}.landing-legal a:hover{color:var(--text-primary)}@media(max-width:480px){.landing-page{gap:1.25rem;padding:1rem .75rem}.landing-hero .logo-title{font-size:2rem}.landing-feat-card{padding:.9rem .5rem;gap:.3rem}.landing-feat-icon{width:38px;height:38px}.landing-feat-title{font-size:.78rem}.landing-feat-desc{font-size:.68rem}.landing-ctas{flex-direction:column;gap:.5rem}.landing-steps{gap:0;padding:.7rem 1rem}.landing-step-line{flex:0 0 20px}}.login-page{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0 3rem;width:100%;max-width:480px;margin:0 auto}.login-hero{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.login-title{font-size:3rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--accent-coral) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.login-subtitle{color:var(--text-muted);font-size:1.1rem;margin:0}.login-features{display:flex;flex-direction:column;gap:1rem;width:100%}.login-feature{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:all .2s}.login-feature:hover{border-color:#ffffff1a;background:var(--bg-elevated)}.login-feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#ff4d4d26,#00e5ff26);border-radius:10px;color:var(--accent-cyan);flex-shrink:0}.login-feature-text{display:flex;flex-direction:column;gap:.25rem}.login-feature-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.login-feature-desc{font-size:.85rem;color:var(--text-muted)}.login-spotify-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background:#1db954;color:#000;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #1db9544d}.login-spotify-btn:hover{background:#1ed760;transform:translateY(-2px);box-shadow:0 6px 25px #1db95466}.login-spotify-btn:active{transform:translateY(0)}.login-spotify-btn svg{flex-shrink:0}.login-connect-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-coral),var(--accent-coral-hover, #e8614a));color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #ff6b4e59}.login-connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff6b4e80;filter:brightness(1.08)}.login-connect-btn:active{transform:translateY(0)}.login-connect-btn svg{flex-shrink:0}.login-back-btn{display:block;width:100%;margin-top:.75rem;padding:.5rem;background:none;border:none;color:var(--text-dim);font-size:.9rem;font-family:inherit;cursor:pointer;transition:color .15s;text-align:center}.login-back-btn:hover{color:var(--text-primary)}.login-how-it-works{width:100%;padding:1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius)}.login-how-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0 0 1rem;text-align:center}.login-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.login-step{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.login-step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-coral);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.login-step-arrow{color:var(--text-dim);display:flex}.login-footer-note{font-size:.8rem;color:var(--text-dim);margin:0;text-align:center}.login-card{width:100%;max-width:380px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.login-tabs{display:flex;border-bottom:1px solid var(--border-subtle)}.login-tab{flex:1;padding:.85rem;background:none;border:none;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:color .15s,background .15s}.login-tab:hover{color:var(--text-primary)}.login-tab.active{color:var(--accent-coral);background:#ff4d4d0f;border-bottom:2px solid var(--accent-coral)}.login-form{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem}.login-error{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:var(--accent-coral);padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.85rem}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.login-input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:.65rem .85rem;font-size:.95rem;outline:none;transition:border-color .15s;width:100%}.login-input:focus{border-color:var(--accent-coral)}.login-input::placeholder{color:var(--text-dim)}.login-submit-btn{margin-top:.25rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600}.login-hint{padding:0 1.5rem 1.25rem;font-size:.78rem;color:var(--text-muted);text-align:center;line-height:1.5}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:440px;margin:0 auto;padding:2rem 1rem;gap:0;min-height:100vh;box-sizing:border-box}.auth-header{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;margin-bottom:2.5rem;transition:all .3s}.auth-logo-title{font-size:3.6rem;font-weight:900;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,var(--accent-coral) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.auth-tagline{color:var(--text-muted);font-size:1rem;margin:0}.auth-landing{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%}.auth-primary-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-coral),#e03a3a);color:#fff;border:none;border-radius:50px;font-size:1.05rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #ff4d4d4d}.auth-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #ff4d4d73;filter:brightness(1.07)}.auth-primary-btn:active:not(:disabled){transform:translateY(0)}.auth-primary-btn:disabled{opacity:.55;cursor:not-allowed}.auth-secondary-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 2rem;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:50px;font-size:1.05rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.auth-secondary-btn:hover{background:var(--bg-surface);border-color:#ffffff2e;transform:translateY(-1px)}.auth-footer-note{margin-top:1.5rem;font-size:.78rem;color:var(--text-dim);text-align:center;line-height:1.6}.auth-footer-note a{color:var(--text-muted);text-decoration:underline}.auth-flow{display:flex;flex-direction:column;align-items:center;width:100%;gap:0}.auth-progress-track{width:100%;height:3px;background:var(--border-subtle);border-radius:2px;overflow:hidden;margin-bottom:1.25rem}.auth-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-coral),var(--accent-cyan));border-radius:2px;transition:width .4s ease}.auth-step-dots{display:flex;gap:.5rem;margin-bottom:2.5rem}.auth-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-subtle);transition:background .3s,transform .3s}.auth-step-dot.active{background:var(--accent-coral);transform:scale(1.2)}.auth-step-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.auth-step-label{font-size:1.4rem;font-weight:800;letter-spacing:.06em;color:var(--text-primary);margin:0;text-align:center}.auth-input-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.auth-input{width:100%;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);padding:1rem 1.25rem;font-size:1.15rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;text-align:center}.auth-input:focus{border-color:var(--accent-coral);box-shadow:0 0 0 3px #ff4d4d1f}.auth-input::placeholder{color:var(--text-dim)}.auth-input-confirm{border-color:var(--border-subtle)}.auth-connect-group{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%}.auth-connect-hint{font-size:.88rem;color:var(--text-muted);text-align:center;margin:0;line-height:1.5}.auth-service-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.95rem 1.5rem;border:none;border-radius:50px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.auth-service-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.auth-service-spotify{background:#1db954;color:#000;box-shadow:0 4px 18px #1db9544d}.auth-service-spotify:hover:not(:disabled){background:#1ed760;transform:translateY(-2px);box-shadow:0 6px 24px #1db95466}.auth-service-apple{background:#fff;color:#000;box-shadow:0 4px 18px #0003}.auth-service-apple:hover:not(:disabled){background:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.auth-error{color:var(--accent-coral);font-size:.85rem;text-align:center;margin:0;background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);border-radius:var(--radius-sm);padding:.6rem .9rem;width:100%;box-sizing:border-box}.auth-actions{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.auth-ghost-btn{background:none;border:none;color:var(--text-dim);font-size:.88rem;font-family:inherit;cursor:pointer;padding:.4rem 1rem;transition:color .15s}.auth-ghost-btn:hover{color:var(--text-muted)}.auth-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:2rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1rem;animation:fadeIn .3s ease-out}.auth-card-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.auth-card-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.auth-success-icon{display:flex;justify-content:center;margin-bottom:.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.auth-link-btn{background:none;border:none;color:var(--text-dim);font-size:.85rem;cursor:pointer;padding:.5rem;transition:color .15s}.auth-link-btn:hover{color:var(--accent-cyan)}.connect-service-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.connect-service-container{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1.5rem}.connect-service-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;color:var(--text-muted)}.connect-service-header h1{font-size:1.6rem;font-weight:700;color:var(--text-primary)}.connect-service-header p{font-size:.9rem;color:var(--text-muted)}.connect-service-error{display:flex;align-items:center;gap:.5rem;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:var(--accent-coral);padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.85rem}.connect-service-warning{display:flex;align-items:flex-start;gap:.6rem;background:#ffc1071f;border:1px solid rgba(255,193,7,.3);color:#ffc107;padding:1rem 1.1rem;border-radius:var(--radius-sm);font-size:.85rem;line-height:1.5}.connect-service-warning svg{flex-shrink:0;margin-top:2px}.connect-service-warning strong{color:#ffd54f}.connect-service-list{display:flex;flex-direction:column;gap:.75rem}.connect-service-card{display:flex;align-items:center;gap:1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1rem 1.25rem;transition:border-color .15s}.connect-service-card.connected{border-color:#1db9544d;background:#1db9540a}.connect-service-card.unavailable{opacity:.5}.connect-service-card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}.connect-service-card-info{flex:1;min-width:0}.connect-service-card-name{font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.connect-service-badge{display:inline-flex;align-items:center;gap:.25rem;background:#1db95426;color:#1db954;padding:.15rem .5rem;border-radius:99px;font-size:.72rem;font-weight:600}.connect-service-card-desc{font-size:.78rem;color:var(--text-muted);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-service-card-actions{flex-shrink:0}.connect-service-unavailable-label{font-size:.75rem;color:var(--text-dim)}.connect-service-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem}.connect-service-continue{width:100%;padding:.85rem;font-size:1rem;font-weight:600}.connect-service-logout{font-size:.82rem;color:var(--text-muted)}.connect-service-skip{font-size:.88rem;color:var(--text-muted);opacity:.75}.connect-service-skip:hover{opacity:1;color:var(--text-secondary)}.connect-service-back{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-muted);font-size:.88rem;cursor:pointer;padding:.25rem 0;margin-bottom:.5rem;transition:color .15s}.connect-service-back:hover{color:var(--text-secondary)}.connect-service-host-note{display:flex;align-items:flex-start;gap:.5rem;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:10px;padding:.75rem 1rem;margin-bottom:.25rem;font-size:.82rem;color:var(--text-muted);line-height:1.5}.connect-service-host-note svg{flex-shrink:0;margin-top:1px;opacity:.6}.connect-service-host-note strong{color:var(--text-secondary)}.connect-service-yt-warning{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.78rem;color:#f59e0b;opacity:.9}.connect-service-yt-warning svg{flex-shrink:0;color:#f59e0b}.source-option{width:100%;max-width:400px;display:flex;align-items:center;gap:.75rem;font-size:1.1rem;padding:1rem 1.5rem}.source-icon{font-size:1.5rem}.divider{color:var(--text-dim);font-size:.9rem;margin:.5rem 0}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;width:100%}.playlist-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem;text-align:center}.playlist-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.playlist-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.playlist-count{font-size:.7rem;color:var(--text-dim)}.player{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.player-loading{margin-top:4rem;text-align:center}.hint{color:var(--text-dim);font-size:.85rem;margin-top:.5rem}.now-playing{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.album-art{width:260px;height:260px;border-radius:var(--radius);object-fit:cover;box-shadow:0 8px 32px #0009}.track-info{text-align:center}.track-name{font-size:1.3rem;font-weight:700;margin-bottom:.2rem}.track-artist{color:var(--text-muted);font-size:1rem}.track-album{color:var(--text-dim);font-size:.85rem;margin-top:.2rem}.controls{display:flex;gap:1rem;margin-top:.5rem}.device-selector{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;width:100%;max-width:500px;margin:0 auto}.solo-game-page{width:100%;max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;min-height:60vh}.solo-loading{justify-content:center}.solo-loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.solo-loading-spinner{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--accent-coral);border-radius:50%;animation:solo-spin .8s linear infinite}@keyframes solo-spin{to{transform:rotate(360deg)}}.solo-hud{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.9rem;flex-wrap:wrap}.solo-round-indicator{color:var(--text-muted);font-weight:600}.solo-score{font-weight:700;color:var(--accent-cyan)}.solo-streak{font-weight:600;color:#ff9800}.solo-lives{display:flex;gap:.25rem}.solo-heart{color:#ff4d4d;font-size:1.2rem}.solo-heart-empty{opacity:.25}.solo-speed-timer{font-weight:700;color:var(--accent-coral);font-size:1.1rem;font-variant-numeric:tabular-nums}.solo-speed-flash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;flex:1;animation:speed-flash-in .2s ease-out}@keyframes speed-flash-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.solo-speed-flash-correct{color:#4caf50}.solo-speed-flash-wrong{color:#f44336}.solo-speed-flash-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#ffffff0d}.solo-speed-flash-correct .solo-speed-flash-icon{background:#4caf5026}.solo-speed-flash-wrong .solo-speed-flash-icon{background:#f4433626}.solo-speed-flash-text{font-size:1.3rem;font-weight:700}.solo-speed-flash-streak{font-size:.9rem;color:var(--accent-coral);font-weight:600}.solo-mode-label{color:var(--text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.solo-year-song{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.solo-year-art{width:200px;height:200px;border-radius:var(--radius);object-fit:cover;box-shadow:0 4px 20px #0006}.solo-year-info{text-align:center}.solo-year-track{display:block;font-size:1.2rem;font-weight:700}.solo-year-artist{display:block;color:var(--text-muted);font-size:.95rem;margin-top:.15rem}.solo-year-input-container{display:flex;gap:.75rem;align-items:center;width:100%;max-width:300px}.solo-year-input{flex:1;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);font-size:1.1rem;text-align:center;outline:none;transition:border-color .2s}.solo-year-input:focus{border-color:var(--accent-cyan)}.solo-year-input::-webkit-inner-spin-button,.solo-year-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.solo-year-input{-moz-appearance:textfield}.solo-track-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem}.solo-track-art{width:160px;height:160px;border-radius:var(--radius);object-fit:cover;box-shadow:0 4px 16px #0000004d}.solo-track-name{font-weight:600;font-size:1.1rem}.solo-round-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.solo-result-score{font-size:1.1rem;color:var(--text-muted)}.solo-next-btn{margin-top:.5rem;min-width:150px}.solo-results-page{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem}.solo-results-title{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--accent-coral),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.solo-results-reason{color:var(--text-dim);font-size:.9rem}.solo-results-score{font-size:3rem;font-weight:800;color:var(--accent-cyan)}.solo-results-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.solo-stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1rem;text-align:center}.solo-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.solo-stat-label{display:block;font-size:.8rem;color:var(--text-dim);margin-top:.25rem}.solo-results-new-highscore{background:linear-gradient(135deg,#ff980026,#ffc10726);border:1px solid rgba(255,152,0,.3);border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:700;color:#ffc107;font-size:1.1rem}.solo-results-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.solo-error{justify-content:center;gap:1.5rem}.solo-hub{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:1rem}.solo-hub-title{font-size:1.6rem;font-weight:800;text-align:center;background:linear-gradient(135deg,var(--accent-coral),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.solo-hub-cards{display:grid;gap:.75rem}.solo-hub-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:border-color .2s,transform .15s;text-align:left;width:100%}.solo-hub-card:hover{border-color:var(--accent-coral);transform:translateY(-1px)}.solo-hub-card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:#ff6b6b1a;color:var(--accent-coral)}.solo-hub-card-body{flex:1;min-width:0}.solo-hub-card-title{display:block;font-weight:700;font-size:1rem}.solo-hub-card-desc{display:block;font-size:.8rem;color:var(--text-dim);margin-top:.15rem}.solo-hub-card-arrow{color:var(--text-dim);flex-shrink:0}.solo-hub-daily{border-color:#ffc1074d;background:linear-gradient(135deg,var(--bg-surface),rgba(255,193,7,.05))}.solo-hub-daily .solo-hub-card-icon{background:#ffc10726}.solo-hub-daily-completed{opacity:.6;pointer-events:none}.solo-hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.solo-hub-stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:.75rem;text-align:center}.solo-hub-stat-value{display:block;font-size:1.3rem;font-weight:700;color:var(--accent-cyan)}.solo-hub-stat-label{display:block;font-size:.7rem;color:var(--text-dim);margin-top:.1rem}.solo-setup{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;padding:1rem}.solo-setup-section{display:flex;flex-direction:column;gap:.5rem}.solo-setup-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.solo-setup-chips{display:flex;flex-wrap:wrap;gap:.5rem}.solo-chip{padding:.5rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:all .15s}.solo-chip:hover{border-color:var(--accent-coral)}.solo-chip.active{background:var(--accent-coral);color:#000;border-color:var(--accent-coral);font-weight:600}.solo-source-hint{color:var(--text-dim);font-size:.8rem;margin-top:.25rem}.solo-toggle-label{display:flex;align-items:center;justify-content:space-between}.solo-toggle{position:relative;width:44px;height:24px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0;font-family:inherit}.solo-toggle-active{background:var(--accent-coral);border-color:var(--accent-coral)}.solo-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease}.solo-toggle-active .solo-toggle-knob{transform:translate(20px)}.solo-mode-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.solo-mode-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:.75rem;cursor:pointer;text-align:center;transition:all .15s}.solo-mode-card:hover{border-color:var(--accent-coral)}.solo-mode-card.active{border-color:var(--accent-coral);background:#ff6b6b1a}.solo-mode-card-icon{font-size:1.5rem;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.solo-mode-card-name{display:block;font-weight:600;font-size:.8rem}.solo-mode-card-desc{display:block;font-size:.65rem;color:var(--text-dim);margin-top:.1rem}.solo-start-btn{margin-top:.5rem;padding:.9rem 2rem;font-size:1.1rem}.solo-stats-page{width:100%;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.solo-stats-title{font-size:1.5rem;font-weight:800;text-align:center}.solo-stats-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem}.solo-stats-section-title{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--accent-cyan)}.solo-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.solo-stats-item{display:flex;flex-direction:column}.solo-stats-item-value{font-size:1.3rem;font-weight:700}.solo-stats-item-label{font-size:.75rem;color:var(--text-dim)}.solo-highscores-table{width:100%;border-collapse:collapse;font-size:.85rem}.solo-highscores-table th{text-align:left;padding:.5rem;color:var(--text-dim);font-weight:600;border-bottom:1px solid var(--border-subtle)}.solo-highscores-table td{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.solo-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.solo-achievement-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:.75rem;display:flex;gap:.5rem;align-items:center}.solo-achievement-card.unlocked{border-color:#ffc1074d;background:linear-gradient(135deg,var(--bg-surface),rgba(255,193,7,.05))}.solo-achievement-card.locked{opacity:.4}.solo-achievement-icon{font-size:1.5rem;flex-shrink:0}.solo-achievement-info{flex:1;min-width:0}.solo-achievement-title{display:block;font-weight:700;font-size:.85rem}.solo-achievement-desc{display:block;font-size:.7rem;color:var(--text-dim)}.settings-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.settings-title{font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.settings-panel-modern{gap:1.25rem}.settings-panel-modern .settings-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle);margin-bottom:.25rem}.settings-panel-modern .settings-title svg{opacity:.7}.setting-section{display:flex;flex-direction:column;gap:.75rem}.setting-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500;position:relative}.setting-label svg{opacity:.6}.setting-more-btn{margin-left:auto;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);color:var(--accent-cyan);padding:.3rem .6rem;border-radius:6px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .15s;text-transform:none;letter-spacing:0;font-weight:500}.setting-more-btn:hover{background:#00e5ff26;border-color:#00e5ff66;transform:translateY(-1px)}.setting-more-btn svg{opacity:1}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.setting-grid{grid-template-columns:1fr}}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:480px){.mode-cards{grid-template-columns:1fr}}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.mode-card:hover:not(:disabled){border-color:#ffffff26;background:#1e1e1e}.mode-card:disabled{cursor:default}.mode-card-active{border-color:var(--accent-coral);background:#ff4d4d1a}.mode-card-active:hover:not(:disabled){border-color:var(--accent-coral);background:#ff4d4d26}.mode-card-icon{color:var(--text-muted);transition:color .2s}.mode-card-active .mode-card-icon{color:var(--accent-coral)}.mode-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.mode-card-desc{font-size:.75rem;color:var(--text-dim);line-height:1.4}.mode-card-wrap{position:relative;display:flex;flex-direction:column}.mode-card-wrap .mode-card{flex:1}.mode-card-wrap-locked .mode-card{pointer-events:none;opacity:.38;filter:grayscale(.4)}.mode-card-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#0a0a129e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-size:.7rem;font-weight:500;pointer-events:none;border-radius:var(--radius-sm);transition:background .15s}.mode-card-wrap-locked:hover .mode-card-lock-overlay{background:#0a0a12b8;color:var(--text-primary)}.setting-chips{display:flex;flex-wrap:wrap;gap:.5rem}.setting-chip{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s;font-family:inherit;min-width:48px;text-align:center}.setting-chip:hover:not(:disabled){border-color:#ffffff26;color:var(--text-primary)}.setting-chip:disabled{cursor:default}.setting-chip-active{background:var(--accent-coral);border-color:var(--accent-coral);color:#fff;font-weight:600}.setting-chip-active:hover:not(:disabled){background:#f66;border-color:#f66}.setting-chip-wide{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem}.setting-chip-wide svg{flex-shrink:0}.setting-custom-input-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.setting-custom-input{width:90px;padding:.35rem .6rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.9rem;outline:none}.setting-custom-input:focus{border-color:var(--accent-coral)}.setting-custom-input-label{color:var(--text-secondary);font-size:.85rem}.setting-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:8px;border:1px solid var(--border-subtle)}.setting-preset-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.setting-preset-card:hover:not(:disabled){border-color:#fff3;background:#ffffff0d;transform:translateY(-2px)}.setting-preset-card-active{background:#ff4d4d1a;border-color:var(--accent-coral)}.setting-preset-card-active:hover:not(:disabled){background:#ff4d4d26;border-color:#f66}.setting-preset-emoji{font-size:2.5rem;margin-bottom:.25rem}.setting-preset-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.setting-preset-description{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.setting-preset-count{font-size:.75rem;color:var(--text-muted);opacity:.7}.artist-presets-modal{position:relative;background:#1a1a2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;width:95vw;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000b3;border:1px solid rgba(255,255,255,.1)}.artist-presets-loading{padding:4rem;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.artist-presets-loading h3{margin:0;color:var(--text-primary);font-size:1.3rem}.artist-presets-loading p{margin:0;font-size:.95rem}.artist-presets-loading .loading-hint{font-size:.85rem;color:var(--text-dim);font-style:italic}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,229,255,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.artist-presets-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-subtle)}.artist-presets-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.artist-presets-close{background:#ffffff1a;border:none;color:var(--text-primary);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.artist-presets-close:hover{background:#fff3}.artist-presets-content{display:grid;grid-template-columns:300px 1fr;flex:1;overflow:hidden}.artist-presets-list{border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow-y:auto}.artist-presets-list-header{padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.artist-presets-list-header h3{margin:0 0 1rem;font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.artist-presets-create-btn{width:100%;padding:.75rem;background:var(--accent-coral);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.artist-presets-create-btn:hover{background:#f66}.artist-presets-categories{flex:1;overflow-y:auto}.artist-preset-category-group{margin-bottom:.5rem}.artist-preset-category-label{padding:.75rem 1.5rem .5rem;font-size:.75rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;background:#00e5ff0d;border-top:1px solid rgba(0,229,255,.1);border-bottom:1px solid rgba(0,229,255,.1)}.artist-preset-category{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s}.artist-preset-category:hover{background:#ffffff0d}.artist-preset-category.active{background:#ff4d4d1a;border-left:3px solid var(--accent-coral)}.artist-preset-category-header{display:flex;align-items:center;gap:1rem;flex:1}.artist-preset-emoji{font-size:2rem}.artist-preset-info{flex:1}.artist-preset-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.artist-preset-count{font-size:.85rem;color:var(--text-muted)}.artist-preset-delete{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.5;transition:opacity .2s;padding:.25rem}.artist-preset-delete:hover{opacity:1}.artist-presets-details{overflow-y:auto;padding:2rem}.artist-presets-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:1.1rem}.artist-presets-selected-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.artist-presets-selected-emoji{font-size:3rem}.artist-presets-selected-header h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.artist-presets-selected-header p{margin:0;color:var(--text-muted)}.artist-presets-artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.artist-preset-artist-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff0d;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.artist-preset-artist-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.artist-preset-artist-card.selected{background:#00e5ff1a;border-color:var(--accent-cyan)}.artist-preset-artist-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:.5rem}.artist-preset-artist-name{font-size:.85rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.artist-preset-artist-check{position:absolute;top:.5rem;right:.5rem;background:var(--accent-cyan);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.artist-presets-select-btn{width:100%;padding:1rem;background:var(--accent-coral);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.artist-presets-select-btn:hover{background:#f66}.artist-presets-custom-creator{display:flex;flex-direction:column;gap:1.5rem}.artist-presets-custom-creator h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.custom-preset-inputs{display:flex;flex-direction:column;gap:.75rem}.custom-preset-emoji-row{display:flex;align-items:center;gap:.75rem}.custom-preset-emoji-label{color:var(--text-muted);font-size:.9rem}.artist-presets-emoji-input{width:60px;padding:.5rem;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:1.5rem;text-align:center}.custom-preset-mode-toggle{display:flex;gap:.5rem;padding:.5rem;background:#ffffff08;border-radius:8px}.mode-toggle-btn{flex:1;padding:.75rem;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .2s}.mode-toggle-btn:hover{background:#ffffff0d;color:var(--text-primary)}.mode-toggle-btn.active{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan)}.custom-preset-paste-mode,.custom-preset-select-mode{display:flex;flex-direction:column;gap:1rem}.artist-presets-custom-hint code{background:#00e5ff1a;padding:.2rem .4rem;border-radius:4px;font-family:monospace;color:var(--accent-cyan)}.artist-id-input-row{display:flex;gap:.5rem}.artist-id-input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:.9rem}.artist-id-input:focus{outline:none;border-color:var(--accent-cyan)}.btn-add-artist-id{padding:.75rem 1.5rem;background:var(--accent-cyan);border:none;border-radius:8px;color:#000;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-artist-id:hover:not(:disabled){background:#00d4ff}.btn-add-artist-id:disabled{opacity:.4;cursor:not-allowed}.custom-artist-ids-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:1rem;background:#0003;border-radius:8px;border:1px solid var(--border-subtle)}.custom-artist-ids-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:.85rem;font-weight:600}.btn-clear-all{padding:.25rem .75rem;background:#ff4d4d33;border:1px solid var(--accent-coral);border-radius:4px;color:var(--accent-coral);font-size:.8rem;cursor:pointer;transition:all .2s}.btn-clear-all:hover{background:#ff4d4d4d}.custom-artist-id-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:6px;transition:all .2s}.custom-artist-id-item:hover{background:#ffffff0d}.artist-id-code{flex:1;font-family:monospace;color:var(--accent-cyan);font-size:.9rem}.btn-remove-artist-id{background:#ff4d4d33;border:1px solid rgba(255,77,77,.3);border-radius:4px;color:var(--accent-coral);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1rem}.btn-remove-artist-id:hover{background:#ff4d4d66;border-color:var(--accent-coral)}.preset-creator{margin-top:.5rem;font-size:.85rem;color:var(--text-dim)}.preset-creator strong{color:var(--accent-cyan);font-weight:600}.artist-presets-custom-input{padding:.75rem 1rem;background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}.artist-presets-custom-input:focus{border-color:var(--accent-cyan)}.artist-presets-custom-hint{margin:0;color:var(--text-muted);font-size:.9rem}.artist-presets-custom-actions{display:flex;gap:1rem;margin-top:1rem}.artist-presets-cancel-btn,.artist-presets-save-btn{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.artist-presets-cancel-btn{background:#ffffff1a;color:var(--text-primary)}.artist-presets-cancel-btn:hover{background:#ffffff26}.artist-presets-save-btn{background:var(--accent-coral);color:#fff}.artist-presets-save-btn:hover:not(:disabled){background:#f66}.artist-presets-save-btn:disabled{opacity:.5;cursor:not-allowed}.setting-info-text{margin-top:.75rem;padding:.75rem;background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);border-radius:8px;color:var(--accent-cyan);font-size:.85rem;text-align:center}.setting-chips-with-input{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.setting-custom-input{width:108px;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;text-align:center;outline:none;font-family:inherit;transition:border-color .15s}.setting-custom-input:focus{border-color:var(--accent-cyan)}.setting-custom-input::placeholder{color:var(--text-dim)}.setting-custom-input:disabled{opacity:.5;cursor:default}.setting-info{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-muted);line-height:1.4}.setting-info svg{flex-shrink:0;color:var(--accent-cyan);margin-top:1px}.setting-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.25);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-primary);line-height:1.5;margin-top:.75rem}.setting-warning svg{flex-shrink:0;color:var(--accent-coral);margin-top:2px}.setting-warning strong{display:block;color:var(--accent-coral);margin-bottom:.5rem;font-size:.9rem}.setting-warning p{margin:0 0 .75rem;color:var(--text-muted)}.setting-warning-detail{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0003;border-radius:var(--radius-sm);margin-top:.5rem}.setting-warning-detail>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-weight:600}.player-list-compact{display:flex;flex-wrap:wrap;gap:.5rem}.player-chip{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#00e5ff26;border:1px solid rgba(0,229,255,.3);border-radius:12px;font-size:.8rem;color:var(--accent-cyan);font-weight:500}.playlist-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;animation:playlist-modal-fadein .15s ease-out}@keyframes playlist-modal-fadein{0%{opacity:0}to{opacity:1}}.playlist-modal{width:100%;max-width:580px;max-height:88vh;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;box-shadow:0 12px 48px #000000b3;animation:playlist-modal-slidein .2s ease-out;overflow:hidden}@keyframes playlist-modal-slidein{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.playlist-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.playlist-modal-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.playlist-modal-title svg{color:var(--accent-cyan)}.playlist-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:6px;transition:all .15s;font-family:inherit}.playlist-modal-close:hover{color:var(--text-primary);background:#ffffff14}.playlist-presets{border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.playlist-presets-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;cursor:pointer;color:var(--text-dim);transition:background .12s;-webkit-user-select:none;user-select:none}.playlist-presets-header:hover{background:#ffffff0a}.playlist-presets-header-left{display:flex;align-items:center;gap:.4rem}.playlist-presets-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.playlist-presets-chevron{transition:transform .2s ease;flex-shrink:0}.playlist-presets-chevron.collapsed{transform:rotate(-90deg)}.playlist-market-wrap{position:relative}.playlist-market-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text-dim);font-size:.7rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.playlist-market-badge:hover,.playlist-market-badge.open{background:#ffffff1c;border-color:#ffffff47;color:var(--text-secondary)}.playlist-market-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:300;background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 8px 24px #00000080;padding:.35rem;display:flex;flex-direction:column;gap:.1rem;min-width:160px;max-height:260px;overflow-y:auto}.playlist-market-option{display:flex;align-items:center;gap:.5rem;padding:.38rem .65rem;border-radius:6px;border:none;background:none;color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;text-align:left;transition:background .12s,color .12s;white-space:nowrap}.playlist-market-option:hover{background:#ffffff12;color:var(--text-primary)}.playlist-market-option.active{background:#ff4d4d24;color:var(--accent-coral)}.playlist-your-header{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem .45rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none;flex-shrink:0}.playlist-your-header:hover{background:#ffffff0a}.playlist-presets-content{padding:.4rem 1.25rem .75rem;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.playlist-preset-category{display:flex;flex-direction:column;gap:.3rem}.playlist-preset-cat-name{font-size:.68rem;font-weight:600;color:var(--text-secondary)}.playlist-preset-chips{display:flex;flex-wrap:wrap;gap:.35rem}.playlist-preset-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-secondary);font-size:.78rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;font-family:inherit}.playlist-preset-chip:hover{background:#ffffff1a;border-color:#ffffff40;color:var(--text-primary)}.playlist-preset-chip-active{background:#ff4d4d2e;border-color:var(--accent-coral);color:var(--accent-coral)}.playlist-preset-chip-error{background:#ff4d4d1a;border-color:#ff4d4d66;color:#ff6464cc}.playlist-preset-chip:disabled{opacity:.6;cursor:default}.playlist-preset-chip-emoji{font-size:.9em;line-height:1}.playlist-modal-search{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle);color:var(--text-dim)}.playlist-modal-search input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none;font-family:inherit}.playlist-modal-search input::placeholder{color:var(--text-dim)}.playlist-modal-list{flex:1;overflow-y:auto;padding:.25rem 0}.playlist-modal-empty{padding:2rem;text-align:center;color:var(--text-dim);font-size:.85rem}.playlist-modal-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem 1.25rem;background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.playlist-modal-item:hover{background:#ffffff0d}.playlist-modal-item-active{background:#00e5ff14;border-left:3px solid var(--accent-cyan);padding-left:calc(1.25rem - 3px)}.playlist-modal-img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.playlist-modal-img-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-dim)}.playlist-modal-info{display:flex;flex-direction:column;min-width:0;flex:1}.playlist-modal-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-modal-count{font-size:.75rem;color:var(--text-dim);margin-top:.15rem}.playlist-modal-check{color:var(--accent-cyan);flex-shrink:0}.playlist-modal-checkbox{width:24px;height:24px;border:2px solid var(--border-subtle);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;background:var(--bg-surface)}.playlist-modal-item-active .playlist-modal-checkbox{border-color:var(--accent-cyan);background:var(--accent-cyan)}.playlist-modal-checkbox svg{color:var(--bg-deep)}.playlist-modal-select-all{border-bottom:1px solid var(--border-subtle);margin-bottom:.25rem}.playlist-modal-select-all:hover{background:#ffffff14}.player-host-badge{display:inline-block;margin-left:.5rem;padding:.15rem .4rem;font-size:.65rem;font-weight:600;color:var(--accent-coral);background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);border-radius:4px;letter-spacing:.03em}.setting-label-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}.setting-label-text{display:flex;align-items:center;gap:.5rem}.setting-toggle{position:relative;width:44px;height:24px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0;font-family:inherit}.setting-toggle:disabled{opacity:.5;cursor:default}.setting-toggle-active{background:var(--accent-green);border-color:var(--accent-green)}.setting-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease}.setting-toggle-active .setting-toggle-knob{transform:translate(20px)}.artist-library-toggle{display:flex;align-items:center;gap:.45rem;width:100%;padding:.5rem 1.25rem;background:none;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;font-family:inherit;text-align:left;transition:color .12s,background .12s}.artist-library-toggle:hover{color:var(--text-primary);background:#ffffff08}.artist-library-toggle-open{color:var(--accent-cyan)}.artist-library-toggle-chevron{margin-left:auto;transition:transform .2s}.artist-library-toggle-open .artist-library-toggle-chevron{transform:rotate(180deg)}.artist-library-panel{border-bottom:1px solid var(--border-subtle);padding:.5rem 1.25rem .65rem;display:flex;flex-direction:column;gap:.45rem;flex-shrink:0}.artist-library-search-wrap{display:flex;align-items:center;gap:.4rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;padding:.3rem .6rem;color:var(--text-dim);transition:border-color .15s}.artist-library-search-wrap:focus-within{border-color:var(--accent-cyan);color:var(--accent-cyan)}.artist-library-search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8rem;outline:none;font-family:inherit;min-width:0;padding:0}.artist-library-search-input::placeholder{color:var(--text-dim)}.artist-library-search-clear{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0;display:flex;font-family:inherit;transition:color .12s}.artist-library-search-clear:hover{color:var(--text-primary)}.artist-library-chips{display:flex;flex-wrap:wrap;gap:.3rem;max-height:500px;overflow-y:auto;padding-right:2px}.artist-library-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;font-size:.75rem;color:var(--text-primary);cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .1s,border-color .1s;line-height:1.4}.artist-library-chip:hover{background:#ffffff14;border-color:#fff3}.artist-library-chip-active{background:#00e5ff1f;border-color:var(--accent-cyan);color:var(--accent-cyan)}.artist-library-chip-genre{color:var(--text-dim);font-size:.7rem}.artist-library-chip-active .artist-library-chip-genre{color:#00e5ffb3}.artist-library-empty{font-size:.78rem;color:var(--text-dim);padding:.15rem 0}.source-url-input-row{padding:.65rem 1.25rem;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.35rem}.source-url-input-wrap{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:0 .75rem;transition:border-color .15s;color:var(--text-dim)}.source-url-input-wrap:focus-within{border-color:var(--accent-cyan);color:var(--accent-cyan)}.source-url-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.85rem;padding:.55rem 0;outline:none;font-family:inherit;min-width:0}.source-url-input::placeholder{color:var(--text-dim)}.source-url-btn{background:none;border:none;color:var(--accent-cyan);font-size:.8rem;font-weight:600;cursor:pointer;padding:.2rem .4rem;border-radius:4px;font-family:inherit;transition:background .12s;flex-shrink:0}.source-url-btn:hover:not(:disabled){background:#00e5ff1f}.source-url-btn:disabled{color:var(--text-dim);cursor:default}.source-url-error{font-size:.75rem;color:var(--accent-coral)}.artist-modal{max-width:660px;max-height:90vh}.artist-modal-section-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem .3rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.artist-modal-section-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.artist-modal-select-btns{display:flex;gap:.4rem}.artist-select-all-btn{background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-dim);font-size:.7rem;padding:.2rem .5rem;cursor:pointer;transition:background .15s,color .15s}.artist-select-all-btn:hover{background:#ffffff1a;color:var(--text-primary)}.artist-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid var(--border-subtle);gap:1rem;flex-shrink:0}.artist-modal-footer-count{font-size:.8rem;color:var(--text-dim)}.artist-modal-confirm-btn{background:var(--accent-cyan);color:#000;border:none;border-radius:6px;padding:.45rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s}.artist-modal-confirm-btn:disabled{opacity:.35;cursor:not-allowed}.artist-modal-confirm-btn:not(:disabled):hover{opacity:.85}.artist-modal-grid-wrap{flex:1;overflow-y:auto;padding:.75rem 1rem;min-height:0}.artist-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem}.artist-modal-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .4rem;background:none;border:1px solid transparent;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s;position:relative}.artist-modal-card:hover{background:#ffffff0d;border-color:var(--border-subtle)}.artist-modal-card-active{background:#00e5ff14;border-color:var(--accent-cyan)}.artist-modal-img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.artist-modal-img-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-dim)}.artist-modal-name{font-size:.75rem;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.2;word-break:break-word;width:100%}.artist-modal-card-active .artist-modal-name{color:var(--accent-cyan)}.artist-modal-card-check{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--accent-cyan);color:var(--bg-deep);display:flex;align-items:center;justify-content:center}.daily-activity-section{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.activity-title{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.5px}.activity-bars-container{position:relative}.activity-bars{display:flex;gap:.5rem;justify-content:center;align-items:flex-end;height:80px;padding:.5rem;background:transparent}.activity-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;transition:transform .2s ease}.activity-bar-wrapper:hover{transform:translateY(-2px)}.activity-bar-container{width:100%;height:50px;display:flex;align-items:flex-end;justify-content:center}.activity-bar{width:100%;max-width:20px;background:#ffffff0d;border-radius:4px 4px 0 0;position:relative;transition:all .3s ease}.activity-bar-fill{position:absolute;inset:0;background:linear-gradient(180deg,var(--accent-coral) 0%,var(--accent-cyan) 100%);border-radius:4px 4px 0 0;opacity:.8}.activity-bar-wrapper:hover .activity-bar-fill{opacity:1;box-shadow:0 0 12px #ff4d4d80}.activity-day-label{font-size:.65rem;color:var(--text-muted);text-align:center;white-space:nowrap}.activity-tooltip{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem;min-width:200px;box-shadow:0 4px 12px #0000004d;z-index:10}.tooltip-date{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.tooltip-stats{display:flex;flex-direction:column;gap:.3rem}.tooltip-stat{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem}.stat-label{color:var(--text-muted)}.stat-value{color:var(--accent-cyan);font-weight:600}@media(max-width:600px){.activity-bars{gap:.3rem}.activity-bar{max-width:16px}.activity-day-label{font-size:.55rem}}.home-page{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:520px;margin:0 auto;padding:2.5rem 0 2.2rem}.home-greeting{text-align:center}.home-greeting-text{color:var(--text-muted);font-size:.95rem;margin:0 0 .3rem}.home-greeting-title{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--accent-coral) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.home-main-cards{display:flex;flex-direction:column;gap:.85rem;width:100%}.home-card{display:flex;align-items:center;gap:1.1rem;width:100%;padding:1.25rem 1.4rem;border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;transition:all .2s;font-family:inherit;text-align:left}.home-card:hover{transform:translateY(-2px)}.home-card-create{background:linear-gradient(135deg,#ff4d4d1f,#ff4d4d0a);border-color:#ff4d4d40}.home-card-create:hover{background:linear-gradient(135deg,#ff4d4d2e,#ff4d4d12);border-color:#ff4d4d66;box-shadow:0 8px 32px #ff4d4d26}.home-card-join{background:linear-gradient(135deg,#00e5ff1a,#00e5ff08);border-color:#00e5ff33}.home-card-join:hover{background:linear-gradient(135deg,#00e5ff26,#00e5ff0f);border-color:#00e5ff59;box-shadow:0 8px 32px #00e5ff1f}.home-card-icon-wrap{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;flex-shrink:0}.home-card-icon-create{background:#ff4d4d26;color:var(--accent-coral)}.home-card-icon-join{background:#00e5ff1f;color:var(--accent-cyan)}.home-card-body{flex:1;display:flex;flex-direction:column;gap:.25rem}.home-card-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.home-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.4}.home-card-arrow{color:var(--text-dim);flex-shrink:0;transition:transform .2s}.home-card:hover .home-card-arrow{transform:translate(3px)}.home-card-join-active{cursor:default;align-items:flex-start}.home-join-inline{flex:1;display:flex;flex-direction:column;gap:.7rem}.home-join-input{background:#00e5ff12;border:1px solid rgba(0,229,255,.3);border-radius:var(--radius-sm);color:var(--accent-cyan);font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;padding:.6rem .9rem;letter-spacing:.2em;outline:none;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.home-join-input:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.home-join-input::placeholder{color:var(--text-dim);font-size:.85rem;letter-spacing:.1em}.home-join-btns{display:flex;gap:.5rem}.home-join-confirm{flex:1;padding:.6rem 1rem;background:var(--accent-cyan);color:#000;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;font-family:inherit;cursor:pointer;transition:opacity .2s}.home-join-confirm:disabled{opacity:.4;cursor:not-allowed}.home-join-confirm:not(:disabled):hover{opacity:.88}.home-join-cancel{padding:.6rem 1rem;background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s}.home-join-cancel:hover{color:var(--text-primary);border-color:#ffffff26}.home-secondary-actions{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.home-secondary-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.85rem 1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-muted);font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.home-secondary-btn:hover{color:var(--text-primary);border-color:#ffffff26;background:var(--bg-elevated)}.home-ghost-btn{background:none;border:none;color:var(--text-dim);font-size:.88rem;font-family:inherit;cursor:pointer;padding:.3rem .75rem;transition:color .15s}.home-ghost-btn:hover{color:var(--text-muted)}.join-form{display:flex;gap:.5rem;width:100%;max-width:320px}.join-input{flex:1;background:var(--bg-elevated);border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);color:var(--accent-cyan);font-family:Courier New,monospace;font-size:1.2rem;padding:.75rem 1rem;text-align:center;letter-spacing:.15em;outline:none}.join-input::placeholder{color:var(--text-dim);letter-spacing:.1em;font-size:.9rem}.join-input:focus{box-shadow:var(--glow-cyan)}.home-divider{display:flex;align-items:center;width:100%;max-width:320px;gap:1rem;color:var(--text-dim);font-size:.8rem}.home-divider:before,.home-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.party-code{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;padding:.75rem 1.5rem;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all .2s}.party-code:hover{border-color:#00e5ff4d;box-shadow:var(--glow-cyan)}.party-code-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim)}.party-code-value{font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:.2em;color:var(--accent-cyan);text-shadow:0 0 15px rgba(0,229,255,.5)}.party-code-hint{font-size:.7rem;color:var(--text-dim)}.lobby-page{width:100%;display:flex;flex-direction:column;gap:1.5rem}.lobby-share-hint{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.lobby-share-hint svg{opacity:.6}.lobby-content-grid{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1100px){.lobby-content-grid{position:relative}.lobby-players-section{position:absolute;right:calc(100% + 1.5rem);top:0;width:300px}.lobby-settings-section{width:100%}}.lobby-section{display:flex;flex-direction:column}.lobby-section-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.lobby-section-title svg{opacity:.7}.lobby-player-count{margin-left:auto;font-size:.75rem;background:var(--bg-elevated);padding:.2rem .5rem;border-radius:10px;color:var(--text-dim)}.lobby-party-code-section{margin-bottom:1.5rem}.lobby-party-code-section .lobby-share-hint{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.lobby-party-code-section .lobby-share-hint svg{opacity:.6}.lobby-players-list{display:flex;flex-direction:column;gap:.5rem}.lobby-player-card{display:flex;align-items:center;gap:.75rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.5rem .75rem;animation:slideInLeft .3s ease-out backwards;position:relative}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.lobby-player-card .player-avatar{flex-direction:row;gap:.75rem}.lobby-player-card .avatar-name{font-size:.9rem;max-width:none}.lobby-player-host{border-color:#ff4d4d4d;background:#ff4d4d0d}.lobby-player-disconnected{opacity:.45}.lobby-player-settings{position:relative;margin-left:auto;display:flex;align-items:center}.lobby-player-settings-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;opacity:0}.lobby-player-card:hover .lobby-player-settings-btn{opacity:1}.lobby-player-settings-btn:hover{background:#ffffff0d;color:var(--text-primary)}.lobby-player-settings-btn.active{opacity:1;background:#ffffff14;color:var(--text-primary)}.lobby-player-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:0 4px 16px #00000080;min-width:120px;z-index:10;animation:dropdown-slidein .15s ease-out;overflow:hidden}@keyframes dropdown-slidein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lobby-player-dropdown-item{width:100%;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.6rem .75rem;text-align:left;font-size:.85rem;transition:all .15s;display:flex;align-items:center;gap:.5rem}.lobby-player-dropdown-item:hover{background:#ff4d4d1a;color:var(--accent-coral)}.lobby-player-dropdown-item:active{background:#ff4d4d26}.lobby-player-dc-badge{font-size:.7rem;color:var(--text-dim);font-style:italic}.lobby-player-you-badge{font-size:.65rem;font-weight:700;color:var(--accent-green);background:#2ed5731f;padding:.25rem .5rem;border-radius:10px;letter-spacing:.05em;margin-left:.5rem}.lobby-player-badges{display:flex;align-items:center;gap:.5rem;margin-left:auto}.lobby-player-empty{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.8rem}.lobby-player-empty-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-elevated);opacity:.5}.lobby-waiting-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;margin-top:1rem;background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem}.lobby-waiting-dots{display:flex;gap:4px}.lobby-waiting-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);animation:waitingPulse 1.4s infinite ease-in-out both}.lobby-waiting-dots span:nth-child(1){animation-delay:0s}.lobby-waiting-dots span:nth-child(2){animation-delay:.16s}.lobby-waiting-dots span:nth-child(3){animation-delay:.32s}@keyframes waitingPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.lobby-actions{display:flex;flex-direction:column-reverse;gap:1rem;margin-bottom:1rem}@media(min-width:480px){.lobby-actions{flex-direction:row;justify-content:space-between;align-items:center}}.btn-leave{display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:1.1rem;padding:1rem 2rem;border-radius:var(--radius);font-weight:600;width:100%;max-width:360px}.btn-leave:hover{border-color:var(--danger);color:var(--danger);background:#ff4d4d1a}.btn-start{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-start.btn-loading{opacity:.65;cursor:not-allowed}.btn-spinner{animation:btn-spin .9s linear infinite;flex-shrink:0}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lobby-start-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-dim);font-size:.8rem;text-align:center}.section-title{font-size:1rem;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.player-avatar{display:flex;flex-direction:column;align-items:center;gap:.4rem}.player-avatar-sm .avatar-ring{width:40px;height:40px}.player-avatar-md .avatar-ring{width:60px;height:60px}.player-avatar-lg .avatar-ring{width:80px;height:80px}.avatar-ring{border-radius:50%;overflow:hidden;border:2px solid var(--border-subtle);transition:border-color .3s,box-shadow .3s}.player-answered .avatar-ring{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);font-weight:600;font-size:1.2rem;color:var(--text-muted)}.avatar-name{font-size:.75rem;color:var(--text-muted);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-badge{display:inline-block;background:var(--accent-coral);color:#fff;font-size:.65rem;padding:.25rem .5rem;border-radius:10px;font-weight:700;letter-spacing:.05em}.lobby-browser{max-width:900px;margin:0 auto;padding:2rem 1.5rem;width:100%}.lobby-browser-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;gap:1rem}.lobby-browser-header-left{display:flex;align-items:baseline;gap:.75rem}.lobby-browser-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0}.lobby-browser-count{font-size:.9rem;color:var(--text-muted);font-weight:500}.lobby-browser-refresh{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted)}.lobby-browser-refresh-icon{flex-shrink:0;transition:transform .4s ease}.lobby-browser-refresh.is-refreshing .lobby-browser-refresh-icon{animation:lobby-refresh-spin .6s ease-in-out}@keyframes lobby-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lobby-browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.85rem;padding:5rem 2rem;color:var(--text-muted)}.lobby-browser-empty svg{opacity:.25}.lobby-browser-empty h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.lobby-browser-empty p{max-width:360px;font-size:.9rem;line-height:1.5;margin:0}.lobby-browser-empty-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.lobby-browser-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.lobby-browser-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .15s,box-shadow .15s,transform .15s;animation:lobby-card-fadein .25s ease-out}.lobby-browser-card:hover{border-color:#00e5ff40;box-shadow:0 4px 20px #00000040;transform:translateY(-2px)}.lobby-browser-card-inactive{opacity:.6}.lobby-browser-card-inactive:hover{transform:none;box-shadow:none;border-color:var(--border-subtle)}@keyframes lobby-card-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lobby-browser-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lobby-browser-card-code{font-size:1rem;font-weight:700;color:var(--accent-cyan);font-family:Courier New,monospace;letter-spacing:.12em}.lobby-browser-phase-badge{font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:8px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.lobby-browser-phase-lobby{background:#1ed76026;color:var(--accent-green)}.lobby-browser-phase-playing,.lobby-browser-phase-round-result,.lobby-browser-phase-countdown{background:#ff98001f;color:#ff9800}.lobby-browser-phase-game-over{background:#ffffff0f;color:var(--text-muted)}.lobby-browser-card-info{display:flex;flex-direction:column;gap:.45rem;padding:.75rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.lobby-browser-card-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.lobby-browser-card-label{color:var(--text-muted)}.lobby-browser-card-value{color:var(--text-primary);font-weight:600}.lobby-full-text{color:var(--accent-coral, #ff6b6b)}.lobby-browser-join-btn{width:100%}.lobby-browser-join-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}@media(max-width:600px){.lobby-browser{padding:1.25rem 1rem}.lobby-browser-list{grid-template-columns:1fr}}.tournament-setup{max-width:800px;margin:2rem auto;padding:2rem}.tournament-setup-header{text-align:center;margin-bottom:2rem}.tournament-setup-header h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.tournament-setup-header p{color:var(--text-dim)}.tournament-setup-progress{margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:var(--bg-elevated);border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));transition:width .3s ease}.progress-text{text-align:center;color:var(--text-muted);font-size:.9rem}.tournament-song-inputs{display:flex;flex-direction:column;gap:1rem}.song-input-row{display:flex;align-items:center;gap:1rem}.song-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:50%;font-weight:600;color:var(--text-primary)}.song-input{flex:1;padding:.75rem 1rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.song-input:focus{outline:none;border-color:var(--accent-cyan)}.input-valid{color:var(--accent-green);font-size:1.2rem;flex-shrink:0}.input-invalid{color:var(--accent-coral);font-size:1.2rem;flex-shrink:0}.btn-submit-songs{margin-top:1rem;padding:1rem 2rem;font-size:1.1rem}.setup-help{margin-top:2rem;padding:1.5rem;background:var(--bg-elevated);border-radius:var(--radius);border-left:4px solid var(--accent-cyan)}.help-title{font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.setup-help ol{margin-left:1.5rem;color:var(--text-muted);line-height:1.8}.tournament-submitted{text-align:center;padding:3rem 2rem}.tournament-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);border-radius:8px;color:#ff4d4d;margin-bottom:1rem}.tournament-error svg{flex-shrink:0}.submitted-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--accent-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#000}.tournament-submitted h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.tournament-submitted p{color:var(--text-dim)}.tournament-setup{max-width:560px;margin:1.5rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:1.25rem}.ts-header{display:flex;align-items:center;gap:1rem}.ts-header-icon{flex-shrink:0;width:52px;height:52px;background:#00e5ff1a;border:1px solid rgba(0,229,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.ts-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem}.ts-subtitle{font-size:.82rem;color:var(--text-muted);margin:0}.ts-progress-section{display:flex;flex-direction:column;gap:.4rem}.ts-progress-bar{width:100%;height:6px;background:var(--bg-elevated);border-radius:999px;overflow:hidden}.ts-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));border-radius:999px;transition:width .4s ease}.ts-progress-label{font-size:.75rem;color:var(--text-muted);text-align:right}.ts-inputs{display:flex;flex-direction:column;gap:.75rem}.ts-input-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;transition:border-color .2s}.ts-input-card-valid{border-color:#00e5ff4d}.ts-input-card-invalid{border-color:#ff645066}.ts-input-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem}.ts-song-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:6px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.ts-song-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.85rem;font-family:inherit;min-width:0}.ts-song-input::placeholder{color:var(--text-dim)}.ts-input-status{flex-shrink:0;width:20px;display:flex;align-items:center;justify-content:center}.ts-preview{display:flex;align-items:center;gap:.65rem;padding:.5rem .85rem .65rem;border-top:1px solid var(--border-subtle);background:#00e5ff0a;animation:ts-preview-in .2s ease}@keyframes ts-preview-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ts-preview-art{width:38px;height:38px;border-radius:5px;object-fit:cover;flex-shrink:0}.ts-preview-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.ts-preview-name{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-preview-artist{font-size:.74rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,229,255,.3);border-top-color:var(--accent-cyan);border-radius:50%;animation:ts-spin .7s linear infinite;flex-shrink:0}.ts-spinner-white{border-color:#ffffff4d;border-top-color:#fff}@keyframes ts-spin{to{transform:rotate(360deg)}}.ts-error{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#ff505014;border:1px solid rgba(255,80,80,.25);border-radius:8px;color:#ff6464;font-size:.85rem}.ts-error svg{flex-shrink:0}.ts-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;align-self:center;width:fit-content;margin:0 auto}.ts-host-layout{max-width:860px;flex-direction:row;align-items:flex-start;gap:1.5rem}.ts-form-col{flex:1;display:flex;flex-direction:column;gap:1.25rem;min-width:0}.ts-host-panel{width:210px;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:.9rem;display:flex;flex-direction:column;gap:.75rem;position:sticky;top:1rem}.ts-host-panel-title{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ts-host-players{display:flex;flex-direction:column;gap:.4rem}.ts-host-player{display:flex;align-items:center;gap:.45rem;padding:.4rem .5rem;border-radius:6px;background:var(--bg-elevated);opacity:.6;transition:opacity .2s}.ts-host-player-done{opacity:1}.ts-host-player-status{width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ts-host-player-pending{display:block;width:8px;height:8px;border-radius:50%;background:var(--border-subtle);animation:ts-pending-pulse 1.8s ease-in-out infinite}@keyframes ts-pending-pulse{0%,to{opacity:.4}50%{opacity:1}}.ts-host-player-name{flex:1;font-size:.78rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-host-player-count{font-size:.72rem;color:var(--text-muted);flex-shrink:0}.ts-host-player-done .ts-host-player-count{color:var(--accent-green)}.ts-auto-fill-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.55rem .75rem;background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:7px;color:var(--accent-cyan);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s}.ts-auto-fill-btn:hover{background:#00e5ff26;border-color:#00e5ff66}.ts-host-all-done{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.78rem;color:var(--accent-green);padding:.4rem}@media(max-width:640px){.ts-host-layout{flex-direction:column}.ts-host-panel{width:100%;position:static}}.ts-help{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.ts-help-summary{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;cursor:pointer;font-size:.8rem;color:var(--text-muted);list-style:none;-webkit-user-select:none;user-select:none;transition:color .15s}.ts-help-summary::-webkit-details-marker{display:none}.ts-help-summary:hover{color:var(--text-primary)}.ts-help-body{padding:0 .9rem .75rem;font-size:.8rem;color:var(--text-muted)}.ts-help-body ol{margin:.5rem 0 0 1rem;line-height:1.9}.ts-help-body strong{color:var(--text-primary)}.ts-submitted{text-align:center;padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.ts-submitted-icon{width:64px;height:64px;background:#00e5ff26;border:2px solid var(--accent-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);animation:ts-submitted-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes ts-submitted-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ts-submitted h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.ts-submitted p{font-size:.85rem;color:var(--text-muted);margin:0}.ts-submitted .ts-progress-wrap{width:100%;max-width:300px;margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.tv-container{max-width:820px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.tv-header{display:flex;flex-direction:column;gap:var(--space-2)}.tv-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.tv-round-badge{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.2rem .6rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-coral),var(--accent-cyan));color:#000}.tv-match-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.tv-voted-badge{margin-left:auto;font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.tv-timer-section{display:flex;flex-direction:column;gap:4px}.tv-timer-text-row{display:flex;justify-content:center}.tv-timer-text{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums;transition:color .5s ease;line-height:1}.tv-timer-track{width:100%;height:5px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:visible;position:relative}.tv-timer-fill{height:100%;border-radius:var(--radius-full);transition:width .1s linear,background .5s ease}.tv-autoplay-marker{position:absolute;top:-4px;bottom:-4px;left:50%;width:2px;background:#ffffff59;transform:translate(-50%);border-radius:1px}.tv-autoplay-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-dim);padding:0 2px}.tv-autoplay-labels .tv-autoplay-active{color:var(--accent-cyan);font-weight:600}.tv-skipped-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:var(--radius-full);color:var(--accent-cyan);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;animation:tv-banner-in .2s ease;align-self:center}@keyframes tv-banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tv-songs{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:stretch}.tv-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.tv-card-voted{border-color:var(--accent-cyan);box-shadow:0 0 16px #00e5ff33}.tv-card-playing{border-color:var(--accent-coral);box-shadow:0 0 20px #ff4d4d40}.tv-art-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated);flex-shrink:0}.tv-art{width:100%;height:100%;object-fit:cover;display:block}.tv-art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.tv-playing-badge{position:absolute;bottom:var(--space-2);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:var(--accent-coral);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.tv-playing-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-coral);animation:tv-dot-pulse 1s ease-in-out infinite}@keyframes tv-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.tv-song-info{display:flex;flex-direction:column;gap:.2rem;flex:1}.tv-song-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.tv-song-artist{font-size:var(--text-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tv-submitter{font-size:var(--text-xs);color:var(--text-dim);margin-top:.1rem}.tv-card-actions{display:flex;gap:var(--space-2);align-items:center;margin-top:auto}.tv-play-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s}.tv-play-btn:hover{background:#222;color:var(--text-primary)}.tv-play-btn.active{background:var(--accent-coral);border-color:transparent;color:#fff}.tv-vote-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem 1rem;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-sm);max-width:none}.tv-vote-btn-active{background:var(--accent-cyan)!important;color:#000!important;border-color:transparent!important}.tv-vs{display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:800;color:var(--text-dim);padding:0 var(--space-2);align-self:center}.tv-seek-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius)}.tv-seek-time{font-size:var(--text-xs);color:var(--text-muted);min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.tv-seek-input{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-elevated);border-radius:var(--radius-full);outline:none;cursor:pointer}.tv-seek-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-cyan);border-radius:50%;cursor:pointer}.tv-seek-input::-moz-range-thumb{width:14px;height:14px;background:var(--accent-cyan);border:none;border-radius:50%;cursor:pointer}.tv-playback-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tv-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.tv-no-device{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#fa0;background:#ffaa0014;border:1px solid rgba(255,170,0,.2);border-radius:var(--radius);padding:var(--space-2) var(--space-4)}.tv-skip-btn{display:flex;align-items:center;gap:var(--space-2);padding:.4rem 1rem;font-size:var(--text-sm);font-weight:500;color:var(--text-dim);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all .2s;font-family:inherit}.tv-skip-btn:hover:not(:disabled){color:var(--text-secondary);border-color:#ffffff26;background:var(--bg-elevated)}.tv-skip-btn.has-votes{color:var(--text-secondary);border-color:#ffffff26}.tv-skip-btn.tv-skip-voted{color:var(--accent-cyan);border-color:var(--accent-cyan);opacity:.7}.tv-skip-btn:disabled{cursor:default}.tv-draw-row{display:flex;justify-content:center}.tv-draw-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem 1.2rem;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all .15s;font-family:inherit}.tv-draw-btn:hover:not(:disabled){color:var(--text-secondary);border-color:#ffffff26}.tv-draw-btn.tv-draw-active{color:var(--text-muted);border-color:#ffffff26;opacity:.7;cursor:default}.tv-draw-btn:disabled{cursor:default;opacity:.4}.tv-draw-btn.tv-draw-active:disabled{opacity:.7}.tournament-voting{max-width:1200px;margin:0 auto;padding:2rem}.mr-container{max-width:560px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.mr-winner-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:1.5px solid rgba(29,185,84,.4);border-radius:var(--radius-lg);box-shadow:0 0 20px #1db95414}.mr-art{width:76px;height:76px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;box-shadow:var(--shadow-md)}.mr-winner-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mr-wins-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent-green);margin-bottom:var(--space-1)}.mr-song-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mr-song-artist{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-submitter{font-size:var(--text-xs);color:var(--text-dim);margin-top:2px}.mr-vote-section{display:flex;flex-direction:column;gap:var(--space-2)}.mr-vote-row{display:flex;align-items:center;gap:var(--space-2)}.mr-vote-label{width:14px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);flex-shrink:0}.mr-vote-track{flex:1;height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.mr-vote-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.mr-fill-a{background:linear-gradient(90deg,rgba(0,229,255,.5),var(--accent-cyan))}.mr-fill-b{background:linear-gradient(90deg,#a78bfa80,#a78bfa)}.mr-vote-count{width:18px;font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);text-align:right;flex-shrink:0}.mr-draw-note{font-size:var(--text-xs);color:var(--text-dim);text-align:right}.mr-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mr-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:var(--text-xs)}.mr-chip-name{color:var(--text-secondary);font-weight:500}.mr-chip-vote{font-weight:700;font-size:.7rem;padding:1px 6px;border-radius:6px}.mr-chip-a .mr-chip-vote{background:#00e5ff26;color:var(--accent-cyan)}.mr-chip-b .mr-chip-vote{background:#a78bfa26;color:#a78bfa}.mr-chip-draw .mr-chip-vote{background:#ffffff12;color:var(--text-dim)}.mr-chip-none .mr-chip-vote{background:#ffffff0a;color:var(--text-dim)}.mr-footer{font-size:var(--text-xs);color:var(--text-dim);text-align:center}.tw-page{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center}.tw-inner{position:relative;z-index:2;max-width:440px;width:100%;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.tw-confetti-wrap{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.tw-confetti-piece{position:absolute;top:-16px;opacity:0;animation:tw-confetti-fall linear infinite}@keyframes tw-confetti-fall{0%{transform:translateY(-16px) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(105vh) rotate(900deg);opacity:0}}.tw-trophy-wrap{position:relative;display:flex;align-items:center;justify-content:center}.tw-trophy-icon{color:gold;filter:drop-shadow(0 0 12px rgba(255,215,0,.7));animation:tw-trophy-float 3s ease-in-out infinite;position:relative;z-index:1}@keyframes tw-trophy-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.tw-trophy-glow{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.25) 0%,transparent 70%);animation:tw-glow-pulse 2.5s ease-in-out infinite}@keyframes tw-glow-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}}.tw-headline{display:flex;flex-direction:column;gap:2px}.tw-eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--text-muted)}.tw-champion-text{font-size:var(--text-3xl);font-weight:800;background:linear-gradient(135deg,gold,#ffec6e 40%,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.5px}.tw-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border:1.5px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #ffd70014,0 8px 32px #0006,0 0 60px #ffd7000f;position:relative;overflow:hidden}.tw-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.06) 0%,transparent 60%);pointer-events:none}.tw-art-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.tw-art-ring{position:absolute;inset:-6px;border-radius:50%;border:2.5px solid transparent;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,linear-gradient(135deg,gold,#ffec6e,orange,gold) border-box;animation:tw-ring-spin 8s linear infinite;z-index:0}@keyframes tw-ring-spin{to{transform:rotate(360deg)}}.tw-art{width:160px;height:160px;border-radius:50%;object-fit:cover;position:relative;z-index:1;box-shadow:0 0 0 4px var(--bg-surface),0 8px 32px #00000080}.tw-art-placeholder{width:160px;height:160px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-dim);position:relative;z-index:1}.tw-now-playing-badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:3px 10px;background:var(--bg-elevated);border:1px solid rgba(29,185,84,.4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--accent-green);white-space:nowrap;z-index:2}.tw-np-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:tw-dot-pulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes tw-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.tw-song-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.tw-song-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:1.2}.tw-song-artist{font-size:var(--text-base);color:var(--text-secondary)}.tw-submitter{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;padding:3px 10px;background:var(--bg-elevated);border-radius:var(--radius-full)}.tw-stars{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.tw-star{color:gold;font-size:1rem;opacity:.8}.tw-star-1{animation:tw-star-twinkle 2.2s ease-in-out infinite 0s}.tw-star-2{animation:tw-star-twinkle 2.2s ease-in-out infinite .4s}.tw-star-3{animation:tw-star-twinkle 2.2s ease-in-out infinite .8s}@keyframes tw-star-twinkle{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.tw-actions{display:flex;gap:var(--space-3);width:100%;position:relative;z-index:2}.tw-btn{flex:1;max-width:none}.tournament-winner{display:none}.fireworks{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.firework{position:absolute;width:4px;height:4px;border-radius:50%;animation:firework-explode 2s ease-out infinite}.firework:nth-child(1){left:20%;top:30%;animation-delay:0s}.firework:nth-child(2){left:80%;top:40%;animation-delay:.5s}.firework:nth-child(3){left:50%;top:20%;animation-delay:1s}.firework:nth-child(4){left:30%;top:60%;animation-delay:1.5s}.firework:nth-child(5){left:70%;top:70%;animation-delay:.75s}@keyframes firework-explode{0%{box-shadow:0 0 0 4px #ff6b6b,0 0 0 4px #ee5a6f,0 0 0 4px #c06c84;opacity:1;transform:scale(0)}20%{box-shadow:0 -50px #ff6b6b,40px -30px #ee5a6f,40px 30px #c06c84,0 50px #f9ca24,-40px 30px #f0932b,-40px -30px #eb4d4b,30px 0 #6c5ce7,-30px 0 #a29bfe,0 -30px 0 4px gold,20px -20px 0 4px #ffed4e,20px 20px 0 4px #ffa502,0 30px 0 4px #ff6348,-20px 20px 0 4px #ff4757,-20px -20px 0 4px #5f27cd;opacity:1;transform:scale(1)}80%{box-shadow:0 -150px 0 -4px #ff6b6b,120px -90px 0 -4px #ee5a6f,120px 90px 0 -4px #c06c84,0 150px 0 -4px #f9ca24,-120px 90px 0 -4px #f0932b,-120px -90px 0 -4px #eb4d4b,90px 0 0 -4px #6c5ce7,-90px 0 0 -4px #a29bfe,0 -90px 0 -4px gold,60px -60px 0 -4px #ffed4e,60px 60px 0 -4px #ffa502,0 90px 0 -4px #ff6348,-60px 60px 0 -4px #ff4757,-60px -60px 0 -4px #5f27cd;opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}@media(max-width:600px){.tv-songs{grid-template-columns:1fr;gap:var(--space-3)}.tv-vs{display:none}.tv-art-wrap{max-height:180px}}@media(max-width:768px){.winner-song-art{width:180px;height:180px}.winner-title{font-size:2rem}}.tournament-total{margin-top:.5rem;font-size:.85rem;color:var(--accent-cyan);font-weight:600}.playback-controls{margin-top:2rem;padding:1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.playback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.now-playing-label{font-size:.9rem;color:var(--text-dim);font-weight:500}.playback-buttons{display:flex;gap:.5rem}.playback-progress{display:flex;align-items:center;gap:1rem}.playback-time{font-size:.85rem;color:var(--text-muted);min-width:45px;text-align:center}.playback-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--bg-elevated);border-radius:10px;outline:none;cursor:pointer}.playback-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;transition:all .2s ease}.playback-slider::-webkit-slider-thumb:hover{background:var(--accent-purple);transform:scale(1.2)}.playback-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-cyan);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.playback-slider::-moz-range-thumb:hover{background:var(--accent-purple);transform:scale(1.2)}.tournament-bracket{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem;max-height:calc(100vh - 4rem);overflow-y:auto}.bracket-round{display:flex;flex-direction:column;min-width:280px;flex-shrink:0}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #4fd1c566}50%{box-shadow:0 0 25px #4fd1c599}}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.tournament-bracket-view{position:fixed;inset:0;width:100vw;height:100vh;display:flex;flex-direction:column;z-index:40;padding-top:70px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));transition:width .5s ease;box-shadow:0 0 10px var(--accent-cyan)}.progress-text{font-size:.75rem;color:var(--text-muted);text-align:center;font-weight:500}.bracket-view-main{flex:1;overflow-x:auto;overflow-y:auto;display:flex;align-items:center;padding:2rem}.side-bracket{display:flex;gap:var(--gap-x)}.side-bracket.right{flex-direction:row-reverse}.round{display:flex;flex-direction:column;width:150px}.round-title{text-align:center;font-size:.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:15px;font-weight:800}.match-slot{display:flex;align-items:center;position:relative;flex-grow:1}.card{background:var(--bg-elevated);width:100%;padding:10px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:.2s;border:1px solid transparent;z-index:10}.card:hover{background:#ffffff0d;border-color:#333}.card.winner{border-color:var(--accent-green);background:#1ed7601a;box-shadow:0 0 20px #1ed75426}.icon-box{width:32px;height:32px;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-box svg{width:18px;fill:var(--accent-green);opacity:.8}.name{font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#fff}.match-slot:after,.match-slot:before{content:"";position:absolute;width:calc(var(--gap-x) * .5 + 2px);border-color:var(--line);border-style:solid;border-width:0;z-index:1}.left .match-slot:after{right:calc(var(--gap-x) * -.5 - 2px);border-right-width:2px}.left .match-slot:before{left:calc(var(--gap-x) * -.5);border-top-width:2px}.left .match-slot.branch-down:after{top:50%;height:50%;border-top-width:2px;border-top-right-radius:12px}.left .match-slot.branch-up:after{bottom:50%;height:50%;border-bottom-width:2px;border-bottom-right-radius:12px}.right .match-slot:after{left:calc(var(--gap-x) * -.5 - 2px);border-left-width:2px}.right .match-slot:before{right:calc(var(--gap-x) * -.5);border-top-width:2px}.right .match-slot.branch-down:after{top:50%;height:50%;border-top-width:2px;border-top-left-radius:12px}.right .match-slot.branch-up:after{bottom:50%;height:50%;border-bottom-width:2px;border-bottom-left-radius:12px}.round:first-child .match-slot:before{display:none}.match-slot.glow:after{border-color:var(--accent)!important;z-index:5}.finals-area{display:flex;flex-direction:column;justify-content:center;width:180px}.countdown-number{font-size:8rem;font-weight:900;color:var(--accent-cyan);text-shadow:0 0 40px rgba(0,229,255,.6),0 0 80px rgba(0,229,255,.3);animation:countdown-pop 1s ease-out;letter-spacing:-.05em}@keyframes countdown-pop{0%{transform:scale(2);opacity:0}50%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}.game-page{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:relative}.youtube-buffering-overlay{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0a0a14d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.75rem;pointer-events:none}.youtube-buffering-error{background:#1e0808e0}.youtube-buffering-error .youtube-loading-label{color:#ff6b6b}.youtube-buffering-error svg{color:#ff6b6b}.youtube-loading-label{color:var(--text-secondary);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;font-weight:500}.youtube-loading-bar{width:160px;height:3px;background:#ffffff1a;border-radius:99px;overflow:hidden}.youtube-loading-bar-fill{height:100%;width:40%;background:var(--accent-primary, #00e5ff);border-radius:99px;animation:yt-loading-sweep 1.4s ease-in-out infinite}@keyframes yt-loading-sweep{0%{transform:translate(-200%)}to{transform:translate(500%)}}.game-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius)}.round-indicator{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.round-indicator:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-coral);box-shadow:0 0 8px #ff4d4d99;animation:round-dot-pulse 2s ease-in-out infinite}@keyframes round-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.answered-count{font-size:.75rem;font-weight:500;color:var(--text-muted);padding:.2rem .6rem;background:#ffffff0a;border-radius:var(--radius-full)}.timer-bar{width:100%;height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative;border:1px solid var(--border-subtle)}.timer-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .05s linear,background-color .05s linear;position:relative}.timer-bar-fill:after{content:"";position:absolute;top:0;right:0;width:24px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:0 var(--radius-full) var(--radius-full) 0}.timer-bar-fill.timer-urgent{animation:timer-pulse .8s ease-in-out infinite}.timer-bar-fill.timer-urgent:after{background:linear-gradient(90deg,transparent,rgba(255,77,77,.4))}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-text{position:absolute;right:0;top:14px;font-size:.7rem;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.02em}.game-playing{display:flex;flex-direction:column;align-items:center;gap:1.75rem;width:100%;padding:1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.multi-select-hint{color:var(--text-muted);font-size:.85rem;text-align:center;margin:0;padding:.4rem 1rem;background:#00e5ff0f;border-radius:var(--radius-full);border:1px solid rgba(0,229,255,.1)}.btn-confirm-answer{margin-top:.5rem}.option-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-base);text-align:left;color:var(--text-primary);font-family:inherit;font-size:.95rem;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.option-card:hover:not(:disabled){border-color:#ffffff26;background:#ffffff0f;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.option-card:active:not(:disabled){transform:translateY(0)}.option-card:disabled{cursor:default}.option-selected{border-color:var(--accent-cyan);background:#00e5ff14;box-shadow:var(--glow-cyan),inset 0 0 20px #00e5ff0a}.option-selected:before{background:linear-gradient(135deg,rgba(0,229,255,.06) 0%,transparent 60%)}.option-correct{border-color:var(--accent-cyan)!important;background:#00e5ff1a!important;box-shadow:0 0 30px #00e5ff40,inset 0 0 20px #00e5ff0d!important;animation:option-correct-glow 1.5s ease-in-out 2}.option-correct:before{background:linear-gradient(135deg,rgba(0,229,255,.08) 0%,transparent 60%)!important}@keyframes option-correct-glow{0%,to{box-shadow:0 0 20px #00e5ff33,inset 0 0 20px #00e5ff0d}50%{box-shadow:0 0 40px #00e5ff66,inset 0 0 30px #00e5ff14}}.option-wrong{border-color:var(--accent-coral)!important;background:#ff4d4d14!important;box-shadow:0 0 15px #ff4d4d26!important}.option-dimmed{opacity:.3}.option-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-subtle)}.option-album-art{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0006}.option-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.option-label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-sublabel{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.year-track-preview{display:flex;align-items:center;gap:1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;max-width:450px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.year-track-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,229,255,.04) 0%,transparent 60%);pointer-events:none}.year-track-art{width:80px;height:80px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;box-shadow:0 4px 16px #0006}.year-track-art-placeholder{width:80px;height:80px;border-radius:var(--radius-sm);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--text-dim);flex-shrink:0}.year-track-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.year-track-name{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.year-track-artist{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.year-guess-hint{font-size:1rem;color:var(--text-muted);text-align:center;margin-bottom:.5rem;font-weight:500}.year-input-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.year-input{width:300px;text-align:center;font-size:1.5rem;font-weight:700;padding:.875rem 1.5rem;background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);outline:none;font-family:inherit;transition:all var(--transition-base);-moz-appearance:textfield}.year-input::-webkit-outer-spin-button,.year-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.year-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 20px #00e5ff26,inset 0 0 10px #00e5ff08}.year-input:disabled{opacity:.6}.year-submitted-label{color:var(--accent-green);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.35rem}.year-submitted-label:before{content:"✓";font-size:1rem}.result-correct-year{font-size:1.05rem;font-weight:700;color:var(--accent-cyan)}.hol-container{display:flex;align-items:center;gap:1rem;width:100%}.hol-song{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;position:relative;overflow:hidden;transition:all var(--transition-base)}.hol-song:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none}.hol-album-art{width:120px;height:120px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:0 6px 24px #00000080;transition:transform var(--transition-base)}.hol-song:hover .hol-album-art{transform:scale(1.03)}.hol-song-info{display:flex;flex-direction:column;gap:.25rem}.hol-song-name{font-weight:600;font-size:.95rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hol-song-artist{font-size:.8rem;color:var(--text-muted)}.hol-popularity{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .75rem;background:#00e5ff0f;border-radius:var(--radius-sm);border:1px solid rgba(0,229,255,.1)}.hol-popularity-number{font-size:2rem;font-weight:700;color:var(--accent-cyan);line-height:1}.hol-popularity-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.hol-vs{font-size:1rem;font-weight:800;color:var(--accent-coral);flex-shrink:0;padding:.4rem .75rem;background:#ff4d4d14;border:1px solid rgba(255,77,77,.15);border-radius:var(--radius-sm);letter-spacing:.05em}.hol-buttons{display:flex;gap:.75rem;width:100%}.hol-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:all var(--transition-base);position:relative;overflow:hidden}.hol-btn-higher{background:#1db9541a;border-color:#1db9544d;color:#1db954}.hol-btn-higher:hover:not(:disabled){background:#1db95433;border-color:#1db95480;box-shadow:0 4px 16px #1db95433;transform:translateY(-2px)}.hol-btn-lower{background:#ff4d4d1a;border-color:#ff4d4d4d;color:var(--accent-coral)}.hol-btn-lower:hover:not(:disabled){background:#ff4d4d33;border-color:#ff4d4d80;box-shadow:0 4px 16px #ff4d4d33;transform:translateY(-2px)}.hol-btn-selected{opacity:.6}.hol-result-container{display:flex;align-items:center;gap:2rem;justify-content:center;width:100%;margin-bottom:1rem}.hol-result-song{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;flex:1;max-width:200px}.hol-result-art{width:120px;height:120px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:0 6px 24px #00000080}.hol-result-info{display:flex;flex-direction:column;gap:.25rem;width:100%}.hol-result-name{font-size:.9rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hol-result-artist{font-size:.75rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.hol-result-popularity{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#00e5ff0f;border:2px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);margin-top:.5rem}.hol-result-popularity-revealed{background:#1db9541a;border-color:#1db9544d;animation:hol-reveal .5s ease-out}.hol-result-pop-number{font-size:2rem;font-weight:700;color:var(--accent-cyan)}.hol-result-popularity-revealed .hol-result-pop-number{color:var(--accent-green)}.hol-result-pop-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}@keyframes hol-reveal{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.hol-result-vs{font-weight:800;color:var(--accent-coral);font-size:1rem;padding:.5rem 1rem;background:#ff4d4d14;border:1px solid rgba(255,77,77,.15);border-radius:var(--radius-sm);letter-spacing:.05em}.round-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.result-track{display:flex;align-items:center;gap:1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.1rem;width:100%;position:relative;overflow:hidden}.result-track:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.result-album-art{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:0 4px 16px #0006;flex-shrink:0}.result-track-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.result-track-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.result-track-artist{color:var(--text-muted);font-size:.85rem}.result-owner{color:var(--accent-coral);font-size:.8rem;font-weight:500}.result-correct-artist{color:var(--accent-cyan);font-size:.85rem;font-weight:500}.result-mixed-mode{color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.result-genre-info{display:flex;flex-direction:column;gap:.6rem;margin-top:.35rem}.genre-section{display:flex;flex-direction:column;gap:.3rem}.genre-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted)}.genre-tags-container{display:flex;flex-wrap:wrap;gap:.3rem}.genre-tag{padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:500}.genre-tag-correct{background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);color:var(--accent-cyan)}.genre-tag-parent{background:#ffc1071a;border:1px solid rgba(255,193,7,.2);color:#ffc107}.genre-tag-spotify{background:#1db95414;border:1px solid rgba(29,185,84,.15);color:var(--accent-green)}.result-my-answer{padding:.85rem 1.25rem;border-radius:var(--radius);font-weight:600;text-align:center;width:100%;position:relative;overflow:hidden}.result-my-answer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.result-correct{background:#00e5ff14;border:1px solid rgba(0,229,255,.2);color:var(--accent-cyan)}.result-wrong{background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);color:var(--accent-coral)}.result-players{width:100%;display:flex;flex-direction:column;gap:.35rem}.result-player-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem .85rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.result-player-row:hover{background:#ffffff08}.result-player-name{font-size:.9rem}.result-player-status{font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}.result-player-status.correct{color:var(--accent-cyan)}.result-player-status.wrong{color:var(--text-dim)}.scoreboard{width:100%;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1rem;position:relative;overflow:hidden}.scoreboard:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.015) 0%,transparent 40%);pointer-events:none}.scoreboard-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.75rem;font-weight:600;position:relative}.scoreboard-list{display:flex;flex-direction:column;gap:.3rem;position:relative}.scoreboard-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;border-radius:var(--radius-sm);font-size:.9rem;transition:background var(--transition-fast)}.scoreboard-row:first-child{background:#ff4d4d0a;border:1px solid rgba(255,77,77,.08)}.scoreboard-me{background:#00e5ff0d;border:1px solid rgba(0,229,255,.08)}.scoreboard-rank{width:2rem;text-align:center;color:var(--text-dim);font-size:.85rem;font-weight:600}.scoreboard-row:first-child .scoreboard-rank{color:var(--accent-coral)}.scoreboard-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.scoreboard-score{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-cyan);font-size:.95rem}.results-page{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem}@media(max-width:768px){.hol-result-container{flex-direction:column;gap:1rem}.hol-result-song{max-width:100%}.hol-result-art{width:100px;height:100px}.hol-result-pop-number{font-size:1.6rem}.hol-result-vs{font-size:.9rem}}@media(max-width:480px){.game-playing{padding:1rem}.options-grid{grid-template-columns:1fr}.hol-container{flex-direction:column;gap:.5rem}.hol-vs{font-size:.9rem}.hol-album-art{width:80px;height:80px}.hol-song{padding:1rem;flex-direction:row;text-align:left;gap:.75rem}.hol-song-info{flex:1;min-width:0}.hol-popularity-number{font-size:1.5rem}.hol-buttons{flex-direction:column;gap:.5rem}.hol-result-art{width:80px;height:80px}.hol-result-pop-number{font-size:1.4rem}.year-input{width:100%}}.aux-timer-container{margin:1.5rem 0}.playback-seek-container{margin-top:.75rem;width:100%}.playback-seek-bar{position:relative;height:6px;background:#ffffff26;border-radius:3px;cursor:pointer;margin-bottom:.4rem}.playback-seek-bar:hover{background:#fff3}.playback-seek-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#00e5ff,#ff4d4d);border-radius:3px;transition:width .1s linear;pointer-events:none}.playback-seek-bar-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 4px #0000004d;pointer-events:none;opacity:0;transition:opacity .2s}.playback-seek-bar:hover .playback-seek-bar-thumb{opacity:1}.playback-seek-time{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80;font-variant-numeric:tabular-nums}.aux-timer-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.aux-timer-bar-fill{height:100%;background:linear-gradient(90deg,#00e5ff,#ff4d4d);transition:width .1s linear}.aux-timer-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#ffffffb3}.aux-timer-text{font-weight:600;color:#00e5ff;font-variant-numeric:tabular-nums}.aux-artist-reveal{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding-top:20px}.aux-reveal-header-area{height:140px;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:2rem;z-index:10}.aux-winner-reveal-card{display:flex;align-items:center;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 3rem;border-radius:100px;border:2px solid #f97316;box-shadow:0 0 30px #f973164d;animation:pop-in .5s cubic-bezier(.17,.89,.32,1.28);position:relative}.aux-winner-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#f97316;color:#fff;font-size:.7rem;font-weight:900;padding:2px 12px;border-radius:4px}.aux-winner-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-right:20px;border:3px solid white}.aux-winner-name{font-size:2.5rem;font-weight:900;margin:0;letter-spacing:-1px;color:#fff}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.aux-spinning-status{display:flex;flex-direction:column;align-items:center;gap:10px}.aux-spinning-text{font-size:1.2rem;color:#94a3b8;text-transform:uppercase;letter-spacing:3px}.aux-wheel-container{position:relative;width:750px;height:750px;display:flex;justify-content:center;align-items:center}.aux-wheel-pointer{position:absolute;top:-40px;z-index:100;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));animation:pointer-wiggle .3s infinite alternate}@keyframes pointer-wiggle{0%{transform:translateY(0)}to{transform:translateY(5px)}}.aux-wheel{position:relative;width:100%;height:100%;border-radius:50%;border:15px solid #0f172a;box-shadow:0 0 0 5px #1e293b,0 25px 50px -12px #000000b3;overflow:hidden}.aux-wheel-center-cap{position:absolute;width:60px;height:60px;background:#0f172a;border:4px solid #f97316;border-radius:50%;z-index:5;box-shadow:inset 0 0 10px #00000080}.aux-wheel-label-wrapper{position:absolute;top:0;left:50%;width:4px;height:50%;transform-origin:bottom center;display:flex;justify-content:center}.aux-wheel-slice-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:60px}.aux-wheel-artist-image{width:75px;height:75px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0006}.aux-wheel-artist-name{font-size:1rem;font-weight:800;color:#f1f5f9;text-transform:uppercase;max-width:180px;text-align:center;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.9)}@media(max-width:800px){.aux-wheel-container{width:360px;height:360px}.aux-wheel-artist-image{width:40px;height:40px}.aux-wheel-artist-name{font-size:.6rem;max-width:80px}.aux-winner-name{font-size:1.5rem}}.aux-category-reveal{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;animation:aux-fade-in-smooth .5s ease-out}.aux-category-reveal-content{text-align:center;animation:aux-category-pop .7s cubic-bezier(.34,1.2,.64,1)}.aux-category-emoji{font-size:6rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(0,229,255,.5))}.aux-category-name{font-size:3rem;color:#fff;margin-bottom:1rem}.aux-category-description{font-size:1.5rem;color:#fff9}@keyframes aux-category-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.aux-song-selection{padding:2rem;max-width:1200px;margin:0 auto;animation:aux-fade-in-smooth .5s ease-out}.aux-song-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.aux-song-selection-artist{display:flex;align-items:center;gap:1rem}.aux-artist-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #00E5FF}.aux-artist-name{font-size:2rem;color:#fff}.aux-song-selection-category{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ff4d4d1a;border:2px solid #FF4D4D;border-radius:8px}.aux-category-emoji-small{font-size:1.5rem}.aux-category-name-small{font-size:1.25rem;color:#ff4d4d;font-weight:600}.aux-category-description-small{font-size:.9rem;color:#fff9}.aux-random-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:2rem}.aux-random-message{font-size:1.5rem;color:#ffffffb3}.aux-selection-confirmed{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.aux-confirmed-icon{font-size:4rem;color:#1db954;width:100px;height:100px;border-radius:50%;background:#1db9541a;display:flex;align-items:center;justify-content:center;border:3px solid #1DB954}.aux-confirmed-text{font-size:1.5rem;color:#fffc}.aux-track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.25rem;max-height:650px;overflow-y:auto;padding-right:.5rem}.aux-track-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.aux-track-card-main{display:flex;gap:1.25rem;width:100%}.aux-track-card:hover{background:#ffffff14;border-color:#00e5ff4d}.aux-track-card-selected{background:#00e5ff1a;border-color:#00e5ff}.aux-track-album-art{width:80px;height:80px;border-radius:6px;object-fit:cover;flex-shrink:0}.aux-track-info{flex:1;min-width:0}.aux-track-name{font-size:1.15rem;color:#fff;font-weight:600;margin-bottom:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aux-track-artist{font-size:1rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aux-track-actions{display:flex;gap:.5rem;align-items:center}.aux-track-play-btn,.aux-track-select-btn{padding:.6rem 1.1rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.aux-track-play-btn{background:#ffffff1a;color:#fff;width:45px;flex-shrink:0}.aux-track-play-btn:hover:not(:disabled){background:#fff3}.aux-track-select-btn{background:#00e5ff;color:#0a0a0a;font-weight:600}.aux-track-select-btn:hover:not(:disabled){background:#00d4ee}.aux-track-select-btn-selected{background:#1db954}.aux-track-select-btn:disabled{opacity:.5;cursor:not-allowed}.aux-voting{padding:2rem;max-width:1400px;margin:0 auto;animation:aux-fade-in-smooth .5s ease-out}.aux-voting-header{margin-bottom:2rem}.aux-voting-category{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ff4d4d1a;border:2px solid #FF4D4D;border-radius:12px}.aux-category-emoji-large{font-size:3rem}.aux-category-name-large{font-size:2rem;color:#fff;margin-bottom:.5rem}.aux-category-description-large{font-size:1.1rem;color:#fff9}.aux-voting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.aux-voting-card{padding:1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s}.aux-voting-card:hover{background:#ffffff14;border-color:#00e5ff4d}.aux-voting-card-voted{background:#00e5ff1a;border-color:#00e5ff}.aux-voting-player{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.aux-voting-player-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.aux-voting-player-name{font-size:1rem;color:#fffc;font-weight:600}.aux-voting-track{display:flex;gap:1rem;margin-bottom:1rem}.aux-voting-album-art{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.aux-voting-track-info{flex:1;min-width:0}.aux-voting-track-name{font-size:1.1rem;color:#fff;font-weight:600;margin-bottom:.5rem}.aux-voting-track-artist{font-size:.95rem;color:#fff9}.aux-voting-actions{display:flex;gap:.75rem}.aux-voting-play-btn,.aux-voting-vote-btn{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.aux-voting-play-btn{background:#ffffff1a;color:#fff}.aux-voting-play-btn:hover:not(:disabled){background:#fff3}.aux-voting-vote-btn{background:#ff4d4d;color:#fff}.aux-voting-vote-btn:hover:not(:disabled){background:#f33}.aux-voting-vote-btn-voted{background:#1db954}.aux-voting-vote-btn:disabled{opacity:.5;cursor:not-allowed}.aux-round-result{padding:2rem;max-width:1200px;margin:0 auto;animation:aux-fade-in-smooth .5s ease-out}.aux-result-header{text-align:center;margin-bottom:3rem}.aux-result-title{font-size:2.5rem;color:#ff4d4d;margin-bottom:2rem}.aux-winner-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ff4d4d1a;border:3px solid #FF4D4D;border-radius:12px;margin-bottom:1rem;animation:aux-winner-pulse 1s ease-in-out}.aux-winner-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #FF4D4D}.aux-winner-info{flex:1}.aux-winner-name{font-size:1.5rem;color:#fff;font-weight:600;margin-bottom:.5rem}.aux-winner-song{font-size:1.1rem;color:#ffffffe6}.aux-winner-artist{font-size:.95rem;color:#fff9}.aux-winner-points{font-size:1.5rem;color:#1db954;font-weight:700}@keyframes aux-winner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.aux-result-list{margin-top:2rem}.aux-result-list-title{font-size:1.5rem;color:#fffc;margin-bottom:1.5rem}.aux-result-item{display:grid;grid-template-columns:40px 1fr 2fr 1.5fr 120px;gap:1rem;align-items:center;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:.75rem}.aux-result-item-winner{background:#ff4d4d1a;border-color:#ff4d4d}.aux-result-rank{font-size:1.25rem;color:#fff9;font-weight:600;text-align:center}.aux-result-player{display:flex;align-items:center;gap:.75rem}.aux-result-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.aux-result-player-name{font-size:1rem;color:#fff;font-weight:600}.aux-result-song{display:flex;gap:.75rem;align-items:center}.aux-result-album-art{width:50px;height:50px;border-radius:4px;object-fit:cover;flex-shrink:0}.aux-result-track-name{font-size:.95rem;color:#fff;margin-bottom:.25rem}.aux-result-track-artist{font-size:.85rem;color:#fff9}.aux-result-votes{display:flex;flex-direction:column;gap:.5rem}.aux-result-vote-count{font-size:.9rem;color:#fffc}.aux-result-vote-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.aux-result-vote-bar-fill{height:100%;background:linear-gradient(90deg,#00e5ff,#ff4d4d)}.aux-result-vote-percentage{font-size:.85rem;color:#fff9}.aux-result-score{text-align:right}.aux-result-score-points{font-size:1.25rem;color:#1db954;font-weight:700;margin-bottom:.25rem}.aux-result-score-total{font-size:.85rem;color:#fff9}@media(max-width:768px){.aux-wheel-container{width:350px;height:350px}.aux-wheel-artist-image{width:40px;height:40px}.aux-wheel-artist-name{font-size:.7rem;max-width:80px}.aux-artist-name{font-size:1.5rem}.aux-track-grid,.aux-voting-grid{grid-template-columns:1fr}.aux-result-item{grid-template-columns:1fr;gap:.75rem}.aux-result-rank{grid-row:1}}.results-page{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem 0;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem}.winner-crown{font-size:3rem;filter:drop-shadow(0 0 15px rgba(255,200,0,.4));animation:crownBounce .6s ease-out}@keyframes crownBounce{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.winner-name{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--accent-cyan);text-shadow:0 0 20px rgba(0,229,255,.4)}.winner-score{color:var(--text-muted);font-size:1.1rem;font-variant-numeric:tabular-nums}.results-podium{display:flex;align-items:flex-end;justify-content:center;gap:1rem;width:100%;max-width:500px}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;animation:podiumSlide .5s ease-out both}@keyframes podiumSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.podium-medal{font-size:1.5rem}.podium-name{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.podium-score{font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent-cyan)}.podium-bar{width:100%;border-radius:var(--radius) var(--radius) 0 0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom:none}.podium-1 .podium-bar{height:80px;background:linear-gradient(180deg,rgba(255,215,0,.15),var(--bg-surface));border-color:#ffd7004d}.podium-2 .podium-bar{height:55px;background:linear-gradient(180deg,rgba(192,192,192,.1),var(--bg-surface));border-color:#c0c0c033}.podium-3 .podium-bar{height:35px;background:linear-gradient(180deg,rgba(205,127,50,.1),var(--bg-surface));border-color:#cd7f3233}.podium-me .podium-name{color:var(--accent-coral)}.podium-empty{visibility:hidden}.final-scoreboard{width:100%;display:flex;flex-direction:column;gap:.5rem}.final-score-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--transition-base);animation:rowSlide .3s ease-out both}@keyframes rowSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.final-score-me{border-color:#ff4d4d4d}.final-rank{width:2rem;text-align:center;font-weight:700;color:var(--text-dim);font-size:.9rem}.final-player-info{flex:1;min-width:0}.final-player-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-player-score{font-weight:800;font-size:1.2rem;font-variant-numeric:tabular-nums;color:var(--accent-cyan)}.results-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}@media(max-width:500px){.results-podium{gap:.5rem}.podium-name{font-size:.75rem}.podium-score{font-size:.85rem}.podium-1 .podium-bar{height:60px}.podium-2 .podium-bar{height:40px}.podium-3 .podium-bar{height:25px}}.library-stats-bar{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.25rem;background:linear-gradient(135deg,#00e5ff0d,#ff4d4d0d);border:1px solid rgba(0,229,255,.15);border-radius:var(--radius)}.library-stat-item{display:flex;align-items:center;gap:.75rem;flex:1}.library-stat-item svg{color:var(--accent-cyan);flex-shrink:0}.library-stat-info{display:flex;flex-direction:column;gap:.25rem}.library-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.library-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.library-sources-section{margin-bottom:2rem}.library-sources-divider{padding:.75rem 0;margin:1.5rem 0 1rem;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center}.library-sources-divider-left{display:flex;flex-direction:column;gap:.25rem;flex:1}.library-sources-hint{font-size:.75rem;color:var(--text-dim);text-transform:none;font-weight:400;letter-spacing:0}.library-bulk-actions{display:flex;gap:.5rem}.library-bulk-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.75rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.35rem;text-transform:none;letter-spacing:normal}.library-bulk-btn:hover{background:var(--bg-elevated);border-color:var(--accent-cyan);color:var(--accent-cyan)}.library-bulk-btn svg{flex-shrink:0}.library-sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.library-card{background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius);padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.library-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.library-card:hover{background:var(--bg-elevated);border-color:#ffffff26;transform:translateY(-2px)}.library-card-active{border-color:var(--accent-cyan)}.library-card-active:before{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink))}.library-card-active .library-card-status svg{color:var(--accent-cyan)}.library-card-excluded{opacity:.5}.library-card-excluded:hover{opacity:.7}.library-card-excluded .library-card-status svg{color:var(--text-muted)}.library-card-liked{grid-column:1 / -1}.library-card-liked .library-card-icon svg{color:var(--accent-pink)}.library-card-status{flex-shrink:0;display:flex;align-items:center;justify-content:center}.library-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.library-card-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.library-card-name{font-size:.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.library-card-count{font-size:.8rem;color:var(--text-muted)}.library-card-refresh{flex-shrink:0;width:32px;height:32px;border:none;background:var(--bg-elevated);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--accent-cyan);margin-left:auto}.library-card-refresh:hover:not(:disabled){background:var(--accent-cyan);color:var(--bg-deep);transform:scale(1.1)}.library-card-refresh:disabled{opacity:.5;cursor:not-allowed}.refresh-spinner{display:inline-block;animation:spin 1s linear infinite;font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.library-refresh-progress{background:linear-gradient(135deg,#00e5ff14,#ff4d4d14);border:1px solid rgba(0,229,255,.3);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.refresh-progress-content{display:flex;align-items:center;gap:1rem}.refresh-progress-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:50%;color:var(--accent-cyan);font-size:24px}.refresh-progress-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.refresh-progress-stage{font-size:.95rem;font-weight:600;color:var(--text-primary)}.refresh-progress-count{font-size:.85rem;color:var(--text-muted)}.library-empty-message{text-align:center;color:var(--text-muted);padding:2rem;line-height:1.6}.loading-spinner{text-align:center;padding:2rem;color:var(--text-muted)}.playlist-detail-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.playlist-detail-modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.playlist-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.playlist-detail-header h3{font-size:1.3rem;margin:0;color:var(--text-primary)}.playlist-detail-body{flex:1;overflow-y:auto;padding:1.5rem}.playlist-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;color:var(--text-muted)}.playlist-detail-stats{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:.9rem}.playlist-songs-list{display:flex;flex-direction:column;gap:.5rem}.playlist-song-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-sm);transition:all .2s ease}.playlist-song-item:hover{background:var(--bg-surface);border-color:#ffffff1a;transform:translate(4px)}.playlist-song-number{width:30px;text-align:center;color:var(--text-muted);font-size:.85rem;font-variant-numeric:tabular-nums;flex-shrink:0}.playlist-song-artwork{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--bg-deep)}.playlist-song-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.playlist-song-name{font-size:.95rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-song-artist{font-size:.85rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-song-duration{font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;width:50px;text-align:right}.playlist-detail-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}@media(max-width:600px){.playlist-detail-modal{max-height:90vh}.playlist-song-number{width:24px;font-size:.8rem}.playlist-song-artwork{width:40px;height:40px}.playlist-song-name{font-size:.9rem}.playlist-song-artist{font-size:.8rem}.playlist-song-duration{font-size:.8rem;width:45px}}.setting-chip-wide{min-width:140px;display:flex;align-items:center;justify-content:center;gap:.4rem}.setting-chip-wide svg{width:14px;height:14px;opacity:.7}.setting-chip-active svg{opacity:1}.customization-panel{max-width:950px;width:95vw}.customization-section{margin-bottom:2rem}.customization-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.customization-section-title svg{color:var(--accent-primary, var(--accent-cyan))}.customization-mode-toggle{display:flex;gap:1rem}.mode-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-muted);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-toggle-btn:hover{background:var(--bg-elevated);border-color:#ffffff26}.mode-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary, var(--accent-coral)) 0%,var(--accent-secondary, var(--accent-cyan)) 100%);border-color:transparent;color:#fff}.mode-toggle-btn svg{width:20px;height:20px}.customization-mode-special{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:.75rem}.mode-special-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.875rem .5rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-special-btn:hover{background:var(--bg-elevated);border-color:#ffffff26;transform:translateY(-1px)}.mode-special-btn.active{background:var(--bg-elevated);border-color:var(--accent-primary, var(--accent-cyan));color:var(--accent-primary, var(--accent-cyan));box-shadow:0 0 15px rgba(var(--accent-primary),.2)}.mode-special-btn svg{width:18px;height:18px}.mode-special-midnight.active{background:linear-gradient(135deg,#1a1433,#251f47);border-color:#8a63ff;color:#e8e4ff;box-shadow:0 0 20px #8a63ff66}.mode-special-midnight.active svg{filter:drop-shadow(0 0 8px rgba(138,99,255,.6))}.customization-themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.theme-card{display:flex;flex-direction:column;gap:.75rem;padding:0;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;overflow:hidden}.theme-card:hover{border-color:#fff3;transform:translateY(-2px)}.theme-card.active{border-color:var(--accent-primary, var(--accent-cyan));box-shadow:0 0 20px #00e5ff4d}.theme-preview{width:100%;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);position:relative}.theme-preview svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.theme-name{padding:.75rem;font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:center}.theme-card.active .theme-name{color:var(--accent-primary, var(--accent-cyan))}.customization-language-list{display:flex;flex-direction:column;gap:.5rem}.customization-language-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.customization-language-btn:hover{background:var(--bg-elevated);border-color:#ffffff26;color:var(--text-primary)}.customization-language-btn.active{border-color:var(--accent-primary, var(--accent-cyan));color:var(--text-primary)}.customization-language-native{font-weight:600;color:var(--text-primary)}.customization-language-label{color:var(--text-muted);font-size:.85rem;margin-left:auto}.customization-language-btn.active .customization-language-label{margin-left:auto;margin-right:.25rem}.customization-language-btn svg{margin-left:auto;color:var(--accent-primary, var(--accent-cyan));flex-shrink:0}.customization-language-btn.active svg{margin-left:0}@media(max-width:600px){.customization-themes-grid{grid-template-columns:repeat(2,1fr)}.customization-mode-toggle{flex-direction:column}.customization-mode-special{grid-template-columns:repeat(2,1fr)}.customization-panel{width:100vw;max-width:100vw}}.result-correct-artist{display:block;font-size:.95rem;color:var(--accent-primary, var(--accent-coral));font-weight:600;margin-top:.5rem}.admin-panel{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;-webkit-user-select:none;user-select:none}.admin-panel-toggle{width:48px;height:48px;border-radius:50%;background:#ff4d4de6;border:2px solid rgba(255,77,77,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006,0 0 20px #ff4d4d4d;transition:all .2s}.admin-panel-toggle:hover{background:#ff4d4d;box-shadow:0 6px 20px #00000080,0 0 24px #ff4d4d80;transform:scale(1.05)}.admin-panel-toggle:active{transform:scale(.95)}.admin-panel-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:0 8px 32px #0009;width:280px;max-height:70vh;overflow-y:auto;animation:admin-panel-slidein .2s ease-out}@keyframes admin-panel-slidein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);background:#ff4d4d0d}.admin-panel-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--accent-coral);text-transform:uppercase;letter-spacing:.05em}.admin-panel-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.admin-panel-close:hover{background:#ffffff0d;color:var(--text-primary)}.admin-panel-section{padding:1rem;border-bottom:1px solid var(--border-subtle)}.admin-panel-section:last-child{border-bottom:none}.admin-panel-section-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.admin-panel-players{display:flex;flex-direction:column;gap:.5rem}.admin-panel-player-btn{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.85rem}.admin-panel-player-btn:hover{background:#ff4d4d1a;border-color:#ff4d4d4d}.admin-panel-player-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-panel-player-kick{font-size:.75rem;color:var(--accent-coral);font-weight:600}.admin-panel-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.admin-panel-action-btn:last-child{margin-bottom:0}.admin-panel-action-btn:hover{background:#00e5ff1a;border-color:#00e5ff4d;color:var(--accent-cyan)}.admin-panel-action-danger:hover{background:#ff4d4d1a;border-color:#ff4d4d4d;color:var(--accent-coral)}.admin-page{width:100%;max-width:1000px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 120px)}.admin-container{background:#ffffff0d;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.admin-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h1{font-size:2rem;margin:0 0 .5rem;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-subtitle{color:#fff9;margin:0;font-size:.95rem}.admin-section{margin-bottom:2rem}.admin-section h2{font-size:1.3rem;margin:0 0 1rem;color:#ffffffe6}.admin-users-list{display:flex;flex-direction:column;gap:.75rem}.admin-empty{text-align:center;padding:2rem;color:#ffffff80;background:#0003;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.admin-user-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.admin-user-card:hover{background:#ffffff0d;border-color:#ffffff26}.admin-user-info{flex:1}.admin-user-name{font-size:1.05rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.admin-you-badge{display:inline-block;padding:.15rem .5rem;background:var(--accent-color);color:var(--bg-color);border-radius:6px;font-size:.75rem;font-weight:700}.admin-user-id{font-size:.85rem;color:#ffffff80;margin-bottom:.25rem;font-family:Courier New,monospace}.admin-user-date{font-size:.8rem;color:#fff6}.admin-remove-btn{padding:.5rem;background:#ff3b301a;color:#ff3b30;border:1px solid rgba(255,59,48,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-remove-btn:hover:not(:disabled){background:#ff3b3033;border-color:#ff3b3066}.admin-remove-btn:disabled{opacity:.3;cursor:not-allowed}.admin-add-form{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.admin-form-group{margin-bottom:1.25rem}.admin-form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#fffc}.admin-input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;transition:all .2s ease}.admin-input:focus{outline:none;border-color:var(--accent-color);background:#0006}.admin-input::placeholder{color:#ffffff4d}.admin-input-hint{margin:.5rem 0 0;font-size:.8rem;color:#fff6}.admin-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;color:#ff3b30;font-size:.9rem;margin-bottom:1rem}.admin-add-btn{width:100%;padding:.75rem;background:var(--accent-color);color:var(--bg-color);border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.admin-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1ed76066}.admin-info{background:#1ed7600d;border:1px solid rgba(30,215,96,.2);border-radius:12px;padding:1.5rem}.admin-info h2{color:var(--accent-color)}.admin-info-content p{margin:0 0 .75rem;line-height:1.6}.admin-info-content p:last-child{margin-bottom:0}.admin-info-content strong{color:#ffffffe6}.admin-info-text{color:#fff9;font-size:.9rem}.admin-back-btn{width:100%;padding:.75rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:1rem}.admin-back-btn:hover{background:#ffffff1a;border-color:#ffffff40}.admin-initial-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:400px}.admin-initial-setup svg{color:var(--accent-color);margin-bottom:1.5rem}.admin-initial-setup h1{font-size:1.8rem;margin:0 0 1rem;color:#ffffffe6}.admin-initial-setup>p{color:#fff9;margin:0 0 2rem;font-size:1rem;max-width:500px}.admin-initial-info{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem;max-width:400px;width:100%}.admin-initial-info p{margin:.5rem 0;color:#ffffffb3;font-size:.9rem}.admin-initial-info strong{color:#ffffffe6}.admin-initial-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:400px}.admin-access-denied svg{color:#ff3b30;margin-bottom:1.5rem}.admin-access-denied h1{font-size:1.8rem;margin:0 0 1rem;color:#ffffffe6}.admin-access-denied p{color:#fff9;margin:0 0 2rem;font-size:1rem}.admin-access-denied .admin-back-btn{max-width:300px}@media(max-width:768px){.admin-page{padding:1rem}.admin-container{padding:1.5rem}.admin-header h1{font-size:1.5rem}.admin-user-card{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-remove-btn{align-self:flex-end}}.header-import{width:100%;flex-basis:100%;display:flex;flex-direction:column;gap:0;overflow:hidden;animation:header-import-enter .3s ease-out}.header-import-hide{animation:header-import-exit .4s ease-in forwards}@keyframes header-import-enter{0%{max-height:0;opacity:0}to{max-height:40px;opacity:1}}@keyframes header-import-exit{0%{max-height:40px;opacity:1}to{max-height:0;opacity:0}}.header-import-info{display:flex;align-items:center;justify-content:space-between;padding:.3rem 0;font-size:.75rem}.header-import-label{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-import-done .header-import-label{color:var(--accent-green)}.header-import-count{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:1rem}.header-import-track{width:100%;height:3px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.header-import-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent-coral),var(--accent-cyan));background-size:200% 100%;animation:header-import-shimmer 1.8s ease-in-out infinite;transition:width .25s ease-out;width:0%}.header-import-fill-done{background:var(--accent-green);animation:none;transition:width .5s ease-out,background .3s}@keyframes header-import-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.header-import-error .header-import-label{color:var(--accent-coral)}.header-import-fill-error{background:var(--accent-coral);animation:none}.device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.device-selected{display:flex;align-items:center;justify-content:space-between;background:var(--accent-green);color:#000;padding:1rem 1.25rem;border-radius:var(--radius-sm);font-weight:600}.device-info{display:flex;align-items:center;gap:.75rem;font-size:1rem}.device-icon{font-size:1.5rem}.device-empty{text-align:center;padding:2rem 1rem;background:var(--bg-elevated);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted)}.device-empty p{margin:0;font-size:.9rem}.device-empty-hint{color:var(--text-dim);font-size:.8rem;margin-top:.5rem}.device-list{display:flex;flex-direction:column;gap:.5rem}.device-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;text-align:left;font-size:1rem;justify-content:flex-start}.device-item:hover{border-color:var(--accent-green);color:var(--accent-green)}.header{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.75rem 0 0;position:sticky;top:0;background:var(--bg-deep);z-index:50;border-bottom:1px solid var(--border-subtle)}.header>.header-left,.header>.header-right-group{padding-bottom:.75rem}.header-right-group{display:flex;align-items:center;gap:.75rem}.header-user-wrapper{position:relative}.header-left{display:flex;align-items:center;gap:.75rem}.header-breadcrumb{display:flex;align-items:center;gap:.3rem;padding:.3rem .55rem .3rem .4rem;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .15s;margin-left:.1rem}.header-breadcrumb:hover{background:var(--bg-elevated)}.header-breadcrumb-sep{color:var(--text-muted);font-size:.85rem;opacity:.45;font-weight:300;-webkit-user-select:none;user-select:none}.header-breadcrumb-label{font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .15s}.header-breadcrumb:hover .header-breadcrumb-label{color:var(--text-primary)}.header-breadcrumb-arrow{color:var(--text-muted);opacity:.6;transition:opacity .15s,transform .15s}.header-breadcrumb:hover .header-breadcrumb-arrow{opacity:1;transform:translate(-2px)}.header-logo{display:flex;align-items:center;gap:.5rem}.header-logo-icon{display:flex;color:var(--accent-coral)}.header-logo-text{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-coral) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{position:relative}.header-user{display:flex;align-items:center;gap:.5rem;height:36px;box-sizing:border-box;padding:0 .6rem 0 .75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:24px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-family:inherit}.header-user:hover{background:var(--bg-surface);border-color:#ffffff26}.header-user-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-playback-mobile-toggle{display:none;align-items:center;gap:3px;padding:0 2px;background:none;border:none;color:var(--text-dim);cursor:pointer;flex-shrink:0;transition:color .15s}.header-playback-mobile-toggle:hover{color:var(--text-muted)}.header-pmob-icon{display:flex;align-items:center;color:var(--text-muted)}.header-playback-control{position:relative;display:flex;align-items:center}@media(max-width:600px){.header-logo-back-active,.header-user-name,.header-device-name,.header--playback-active .header-device,.header-playback-play{display:none}.header-playback-mobile-toggle{display:flex}.header-device-dropdown{position:fixed;top:58px;right:.75rem;left:auto;min-width:220px}.header-playback-dropdown{position:fixed;top:58px;right:.75rem;left:auto}}.header-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--bg-surface)}.header-avatar-img{width:100%;height:100%;object-fit:cover}.header-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;color:var(--text-muted);background:var(--bg-surface)}.header-chevron{color:var(--text-muted);transition:transform .2s}.header-chevron-open{transform:rotate(180deg)}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:0 8px 32px #0006;overflow:hidden;animation:dropdown-enter .15s ease-out}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-profile{display:flex;align-items:center;gap:.75rem;padding:1rem}.header-dropdown-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bg-surface)}.header-dropdown-avatar img{width:100%;height:100%;object-fit:cover}.header-dropdown-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-muted)}.header-dropdown-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.header-dropdown-name{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown-divider{height:1px;background:var(--border-subtle)}.header-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .15s;text-align:left}.header-dropdown-item:hover{background:#ffffff0d}.header-dropdown-logout{color:var(--accent-coral)}.header-dropdown-logout:hover{background:#ff4d4d1a}.header-device{position:relative}.header-device-btn{display:flex;align-items:center;gap:.5rem;height:36px;box-sizing:border-box;padding:0 .6rem 0 .75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-family:inherit;font-size:.85rem}.header-device-btn:hover{background:var(--bg-surface);border-color:#ffffff26}.header-device-icon{display:flex;color:var(--accent-green)}.header-device-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.header-chevron-small{color:var(--text-dim);transition:transform .2s}.header-device-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:0 8px 32px #0006;overflow:hidden;animation:dropdown-enter .15s ease-out;z-index:100}.header-device-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.header-device-refresh{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s;border-radius:4px}.header-device-refresh:hover{color:var(--text-primary);background:#ffffff0d}.header-device-refresh:disabled{opacity:.5;cursor:not-allowed}.header-device-dropdown-list{max-height:240px;overflow-y:auto}.header-device-empty{padding:1.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.85rem}.header-device-empty-hint{color:var(--text-dim);font-size:.75rem;margin-top:.25rem}.header-device-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .15s;text-align:left}.header-device-item:hover{background:#ffffff0d}.header-device-item-active{background:#1db9541a}.header-device-item-active:hover{background:#1db95426}.header-device-item-icon{display:flex;color:var(--text-muted)}.header-device-item-active .header-device-item-icon{color:var(--accent-green)}.header-device-item-icon-yt{color:red!important}.header-device-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-device-item svg:last-child{color:var(--accent-green);flex-shrink:0}.header-playback{display:flex;align-items:center;gap:.35rem;height:36px;box-sizing:border-box;padding:0 .6rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px}.header-playback-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:50%;transition:background .15s,color .15s;flex-shrink:0}.header-playback-btn:hover{background:#ffffff14;color:var(--accent-cyan)}.header-vol{display:flex;align-items:center;gap:.3rem}.header-vol-slider{-webkit-appearance:none;appearance:none;width:72px;height:3px;border-radius:2px;outline:none;cursor:pointer;background-image:linear-gradient(var(--accent-cyan),var(--accent-cyan));background-color:var(--border-subtle);background-repeat:no-repeat}.header-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer;transition:transform .1s,background .1s}.header-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.3);background:var(--accent-cyan)}.header-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:none}.header-vol-slider::-moz-range-progress{background:var(--accent-cyan);height:3px;border-radius:2px}.header-playback-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:0 8px 32px #0006;overflow:hidden;animation:dropdown-enter .15s ease-out;z-index:100}.header-pd-play{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .15s}.header-pd-play:hover{background:#ffffff0d}.server-offline,.room-not-found{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:3rem 1.5rem;max-width:400px;margin:0 auto}.offline-icon{color:var(--accent-coral);animation:offline-pulse 2s ease-in-out infinite}.offline-icon-circle{stroke:var(--accent-coral);opacity:.3}.offline-icon-x{stroke:var(--accent-coral)}@keyframes offline-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.offline-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0}.offline-message{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.offline-status{min-height:32px;display:flex;align-items:center;justify-content:center}.offline-retrying{display:flex;align-items:center;gap:.75rem;color:var(--accent-cyan);font-size:.9rem}.offline-spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.offline-countdown{color:var(--text-muted);font-size:.9rem;margin:0}.offline-countdown-number{color:var(--accent-cyan);font-weight:700;font-variant-numeric:tabular-nums}.offline-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.offline-retry-btn{width:100%;max-width:200px}.offline-auto-toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;cursor:pointer}.offline-auto-toggle input{accent-color:var(--accent-green);width:16px;height:16px}.offline-tips{padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;text-align:left}.offline-tips-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 .75rem}.offline-tips ul{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.85rem;line-height:1.8}.offline-tips li::marker{color:var(--text-dim)}.kicked-page{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;max-width:500px;margin:3rem auto;padding:2rem}.kicked-icon{color:var(--accent-coral);animation:kicked-pulse 2s ease-in-out infinite}.kicked-icon-circle{stroke:var(--accent-coral);opacity:.3}.kicked-icon-slash{stroke:var(--accent-coral)}@keyframes kicked-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.kicked-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0}.kicked-reason{color:var(--accent-coral);font-size:1rem;font-weight:600;margin:0;padding:.75rem 1.5rem;background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);border-radius:var(--radius)}.kicked-message{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0}.kicked-actions{display:flex;gap:1rem;margin-top:1rem}.kicked-home-btn{display:flex;align-items:center;gap:.5rem}.kicked-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle);width:100%}.kicked-info-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.kicked-info ul{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.85rem;line-height:1.8;text-align:left}.kicked-info li::marker{color:var(--text-dim)}.spotify-error-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}.spotify-error-modal{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:2rem 2.25rem;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.spotify-error-icon{color:#fa0;display:flex;align-items:center;justify-content:center}.spotify-error-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.spotify-error-body{color:var(--text-secondary);font-size:.9rem;line-height:1.6;text-align:left;width:100%}.spotify-error-body p{margin:0 0 .75rem}.spotify-error-body ul{margin:0 0 .75rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.spotify-error-hint{background:#00e5ff14;border-left:3px solid var(--accent-cyan);padding:.6rem .75rem;border-radius:0 .5rem .5rem 0;margin-top:.5rem}.spotify-error-actions{display:flex;flex-direction:column;gap:.6rem;width:100%}.spotify-error-yt-btn{background:linear-gradient(135deg,red,#c00);color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.95rem;border:none;cursor:pointer}.spotify-error-yt-btn:hover{opacity:.9}.spotify-error-continue-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:.65rem 1.5rem;border-radius:.75rem;font-size:.9rem;cursor:pointer}.spotify-error-continue-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.game-chat{position:fixed;bottom:1rem;left:1.5rem;z-index:1000;width:340px;display:flex;flex-direction:column;pointer-events:none}.game-chat:hover{pointer-events:auto}.game-chat-messages{display:flex;flex-direction:column;gap:.25rem;max-height:300px;overflow-y:auto;padding:.5rem;border-radius:var(--radius) var(--radius) 0 0;transition:background .2s ease;pointer-events:none;scrollbar-width:none}.game-chat-messages::-webkit-scrollbar{display:none}.game-chat:hover .game-chat-messages{background:#000000b3;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.game-chat:hover .game-chat-messages::-webkit-scrollbar{display:block;width:4px}.game-chat:hover .game-chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.game-chat-msg{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;font-size:.8rem;line-height:1.4;padding:.15rem .4rem;border-radius:3px;background:#0000008c;transition:opacity .5s ease}.game-chat:hover .game-chat-msg{background:#00000059}.game-chat-msg-faded{opacity:0;transition:opacity 1s ease}.game-chat:hover .game-chat-msg-faded{opacity:1;transition:opacity .2s ease}.game-chat-msg-system{justify-content:center}.game-chat-msg-system-text{color:var(--text-dim);font-style:italic;font-size:.75rem}.game-chat-msg-sender{font-weight:600;color:var(--accent-cyan);flex-shrink:0}.game-chat-msg-sender:after{content:":"}.game-chat-msg-text{color:var(--text-primary);word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,.8)}.game-chat-input-row{display:flex;gap:.5rem;padding:.4rem;background:#0000008c;border-radius:0 0 var(--radius) var(--radius);pointer-events:auto;transition:background .2s ease}.game-chat-input-row--empty{border-radius:var(--radius)}.game-chat:hover .game-chat-input-row{background:#000000b3}.game-chat-input{flex:1;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-primary);padding:.4rem .6rem;font-size:.8rem;outline:none;font-family:inherit}.game-chat-input:focus{border-color:var(--accent-cyan);background:#0009}.game-chat-input::placeholder{color:var(--text-dim)}.game-chat-send{background:var(--accent-cyan);border:none;border-radius:var(--radius-sm);color:var(--bg-deep);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s;flex-shrink:0;font-family:inherit}.game-chat-send:disabled{opacity:.4;cursor:default}.game-chat-send:hover:not(:disabled){opacity:.8}.game-chat-toggle,.game-chat-header{display:none}@media(max-width:768px){.game-chat-toggle{position:fixed;bottom:1rem;left:1rem;z-index:1001;width:56px;height:56px;border-radius:50%;background:var(--accent-coral);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0006;transition:opacity .2s,transform .2s}.game-chat-toggle:active{transform:scale(.95)}.game-chat-toggle-hidden{opacity:0;pointer-events:none}.game-chat-badge{position:absolute;top:-4px;right:-4px;background:#ff3b3b;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 6px #0000004d}.game-chat{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:60vh;pointer-events:auto;transition:transform .3s ease}.game-chat-collapsed{transform:translateY(100%);pointer-events:none}.game-chat-expanded{transform:translateY(0)}.game-chat-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#000000e6;border-top:2px solid var(--accent-cyan);font-weight:600;color:var(--text-primary)}.game-chat-close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.game-chat-close:hover{color:var(--text-primary)}.game-chat-messages{background:#000000d9;max-height:calc(60vh - 120px);overflow-y:auto;pointer-events:auto}.game-chat:hover .game-chat-messages{background:#000000d9}.game-chat-input-row{background:#000000e6;padding:.75rem 1rem}}html{font-size:clamp(14px,.45vw + 12px,20px)}:root{--bg-deep: #0a0a0a;--bg-base: #0a0a0a;--bg-surface: #141414;--bg-elevated: #1a1a1a;--border-subtle: rgba(255, 255, 255, .06);--accent-coral: #FF4D4D;--accent-cyan: #00E5FF;--accent-green: #1DB954;--danger: #FF4D4D;--text-primary: #E8E8E8;--text-secondary: #999999;--text-muted: #808080;--text-dim: #505050;--glow-coral: 0 0 20px rgba(255, 77, 77, .4);--glow-cyan: 0 0 20px rgba(0, 229, 255, .4);--radius-xs: 4px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-full: 9999px;--text-xs: .65rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300;--z-overlay: 400}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(ellipse at 20% 50%,rgba(255,77,77,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(0,229,255,.03) 0%,transparent 50%)}#root{max-width:min(1000px,92vw);margin:0 auto;min-height:100vh}.app{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.header-left,.header-right{display:flex;align-items:center;gap:1rem;min-width:200px}.header-right{justify-content:flex-end}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-green)}.header-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);font-weight:600;font-size:.9rem}@media(max-width:600px){.header-left,.header-right{min-width:auto}}.btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-family:inherit;padding:.75rem 1.5rem;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);transition:all .2s ease}.btn:hover{background:#222;border-color:#ffffff1a}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-green);color:#000;font-weight:600;border-color:transparent}.btn-primary:hover{background:#1ed760}.btn-small{font-size:.8rem;padding:.4rem .8rem}.btn-back{font-size:.9rem;padding:.5rem .8rem;background:transparent;border-color:transparent}.btn-back:hover{background:var(--bg-elevated)}.btn-hero{font-size:1.1rem;padding:1rem 2rem;border-radius:var(--radius);font-weight:600;width:100%;max-width:360px;letter-spacing:.01em}.btn-create{background:var(--accent-coral);color:#fff;border-color:transparent;box-shadow:var(--glow-coral)}.btn-create:hover{background:#f66;box-shadow:0 0 30px #ff4d4d80}.btn-join{background:var(--bg-elevated);border:1px solid var(--accent-cyan);color:var(--accent-cyan)}.btn-join:hover{background:#00e5ff14;box-shadow:var(--glow-cyan)}.btn-start{background:var(--accent-green);color:#000;border-color:transparent;box-shadow:0 0 20px #1db9544d}.btn-start:hover{background:#1ed760;box-shadow:0 0 30px #1db95480}.btn-error{background:var(--danger)!important;color:#fff!important;box-shadow:0 0 20px #ff4d4d4d!important}.btn-error:hover{background:#ff6b6b!important;box-shadow:0 0 30px #ff4d4d80!important}.btn-solo{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.75rem 2rem;font-size:.95rem}.btn-solo:hover{color:var(--text-primary);border-color:#ffffff26}.btn-control{font-size:1.1rem;padding:.8rem 2rem}.loading{color:var(--text-muted);text-align:center;margin-top:4rem}.error-banner{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:var(--accent-coral);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;width:100%;text-align:center}.premium-warning{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#ffc10726,#ff98001a);border:2px solid rgba(255,193,7,.4);border-radius:12px;padding:1.25rem;margin:1rem 0;width:100%;max-width:600px;box-shadow:0 4px 12px #ffc10733}.premium-warning svg{flex-shrink:0;color:#ffc107;margin-top:.25rem}.premium-warning-content{flex:1;color:#fffffff2}.premium-warning-content strong{display:block;font-size:1.05rem;margin-bottom:.5rem;color:#ffc107}.premium-warning-content p{margin:0;font-size:.9rem;line-height:1.5;color:#fffc}.error{color:var(--danger);font-size:.9rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;max-width:360px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:0 8px 32px #0006;animation:toast-enter .2s ease-out;position:relative;overflow:hidden;pointer-events:auto}.toast-exit{animation:toast-exit .2s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{display:flex;flex-shrink:0;margin-top:1px}.toast-message{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.4}.toast-dismiss{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--text-dim);cursor:pointer;transition:color .15s;flex-shrink:0}.toast-dismiss:hover{color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;transition:width .05s linear}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-surface) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;width:100%;max-width:200px}.skeleton-avatar{border-radius:50%}.skeleton-card{height:80px;width:100%;border-radius:var(--radius)}.skeleton-button{height:44px;width:120px;border-radius:var(--radius-sm)}.skeleton-playlist-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem}.skeleton-playlist-img{width:100%;aspect-ratio:1;border-radius:6px}.skeleton-playlist-name{height:.9rem;width:80%}.skeleton-playlist-count{height:.7rem;width:50%}.skeleton-device-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.skeleton-device-icon{width:24px;height:24px;border-radius:4px}.skeleton-device-name{height:1rem;width:150px}.error-banner-enhanced{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);border-radius:var(--radius);width:100%;animation:error-banner-enter .2s ease-out}@keyframes error-banner-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-banner-icon{display:flex;flex-shrink:0;color:var(--accent-coral)}.error-banner-message{flex:1;color:var(--accent-coral);font-size:.9rem}.error-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.error-banner-retry{padding:.4rem .8rem;background:var(--accent-coral);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.error-banner-retry:hover{background:#f66}.error-banner-dismiss{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--accent-coral);opacity:.7;cursor:pointer;transition:opacity .15s}.error-banner-dismiss:hover{opacity:1}.app-loading,.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}@media(max-width:600px){.header-device-name{display:none}.header-device-btn{padding:.4rem .5rem}.header-right-group{gap:.5rem}.header-logo-text{font-size:1rem}.login-title{font-size:2.4rem}.login-features{gap:.75rem}.login-feature{padding:.875rem 1rem}.login-feature-icon{width:40px;height:40px}.login-steps{flex-direction:column;gap:.75rem}.login-step-arrow{transform:rotate(90deg)}.home-greeting-title{font-size:2rem}.device-selector,.settings-panel{padding:1rem}.toast-container{left:1rem;right:1rem;bottom:1rem;max-width:none}.game-chat{bottom:.5rem;left:.5rem;width:260px}.header-dropdown{min-width:200px}}@media(max-width:480px){#root{padding:.75rem .5rem}.header{padding:.5rem 0}.header-avatar{width:32px;height:32px}.login-page{padding:1rem 0 2rem;gap:1.5rem}.login-title{font-size:2rem}.login-subtitle{font-size:1rem}.login-feature-title{font-size:.9rem}.login-feature-desc{font-size:.8rem}.login-spotify-btn,.login-connect-btn{font-size:1rem;padding:.875rem 1.5rem}.home-page{gap:1.25rem;padding:1.5rem 0 2rem}.home-greeting-title{font-size:1.75rem}.home-card{padding:1rem 1.1rem}.home-card-icon-wrap{width:44px;height:44px}.join-input{font-size:1.1rem;padding:.625rem .75rem}.device-selector{padding:.875rem}.device-header h3{font-size:.9rem}.device-item{padding:.875rem 1rem;font-size:.9rem}.party-code-value{font-size:1.6rem}.lobby-page{gap:1rem}.settings-panel{padding:.875rem}.option-card{padding:.75rem 1rem;font-size:.9rem}.scoreboard{padding:.75rem}.scoreboard-row{font-size:.85rem}.results-page{padding-top:1rem;gap:1.5rem}.winner-name{font-size:1.6rem}.final-score-row{padding:.625rem .75rem}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.playlist-card{padding:.4rem}.source-option{padding:.875rem 1rem;font-size:1rem}.album-art{width:200px;height:200px}.track-name{font-size:1.1rem}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);max-width:600px;width:90vw;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-large{max-width:1100px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.modal-header h2{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--bg-surface);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-subtle);display:flex;gap:1rem;justify-content:flex-end}@media(min-width:1100px){.library-settings-hint{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.library-stats-bar{gap:.4rem}.setting-chip-wide svg{width:14px;height:14px;opacity:.7}.setting-chip-active svg{opacity:1}.customization-panel{max-width:950px;width:95vw}.customization-section{margin-bottom:2rem}}.result-imposter-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#ff4d4d1a;border-left:3px solid var(--accent-primary, var(--accent-coral));border-radius:var(--radius-sm)}.imposter-theme{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.imposter-answer{font-size:1rem;color:var(--accent-primary, var(--accent-coral));font-weight:600}.result-mixed-mode{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,var(--accent-primary, var(--accent-coral)) 0%,var(--accent-secondary, var(--accent-cyan)) 100%);color:#fff;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.avatar{border-radius:var(--radius-full);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:2px solid var(--border-subtle);flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.avatar-initial{font-weight:700;color:var(--text-primary);text-transform:uppercase;line-height:1}.avatar-xs .avatar-initial{font-size:.55rem}.avatar-sm .avatar-initial{font-size:.7rem}.avatar-md .avatar-initial{font-size:.85rem}.avatar-lg .avatar-initial{font-size:1.1rem}.avatar-xl .avatar-initial{font-size:1.5rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-sm{gap:.5rem}.logo-lg{flex-direction:column;gap:1rem;text-align:center}.logo-icon{color:var(--accent-primary, var(--accent-cyan));display:flex;align-items:center}.logo-text{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}@media(max-width:600px){.logo-text{display:none}}.logo-title{font-size:var(--text-3xl);font-weight:800;background:linear-gradient(135deg,var(--accent-primary, var(--accent-coral)),var(--accent-secondary, var(--accent-cyan)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}