:root{color-scheme:dark;--bg: #0a0910;--bg-2: #14121e;--bg-3: #1c1a2b;--fg: #f4f4f8;--fg-dim: #a0a0b4;--fg-mute: #6b6b82;--accent: #e879f9;--accent-2: #a855f7;--accent-3: #6366f1;--border: #2a2740;--border-hi: #3d3760;--error: #ef4444;--success: #10b981;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--fg);overflow-x:hidden}body{background:radial-gradient(ellipse 800px 400px at 20% -100px,rgba(168,85,247,.25),transparent 60%),radial-gradient(ellipse 700px 400px at 80% -100px,rgba(99,102,241,.18),transparent 60%),var(--bg);background-attachment:fixed}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.app--player{background:radial-gradient(ellipse 900px 500px at 50% 20%,rgba(232,121,249,.18),transparent 60%),var(--bg);background-attachment:fixed}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:max(22px,calc(env(safe-area-inset-top,0) + 12px)) max(28px,calc(env(safe-area-inset-right,0) + 20px)) 22px max(28px,calc(env(safe-area-inset-left,0) + 20px))}.brand{font-weight:800;font-size:22px;color:var(--fg);text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.brand-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 16px var(--accent),0 0 40px #e879f980;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.brand-tag{font-size:12px;color:var(--fg-mute);letter-spacing:.06em;text-transform:uppercase}.topbar-right{display:flex;align-items:center;gap:12px}.cache-stat{position:relative;padding:6px 12px;border:1px solid var(--border);background:var(--bg-2);border-radius:10px;color:var(--fg-dim);font-size:12px;font-feature-settings:"tnum";cursor:pointer;overflow:hidden;min-width:140px;font-family:inherit;letter-spacing:.02em;transition:border-color .15s}.cache-stat:hover:not(:disabled){border-color:var(--accent);color:var(--fg)}.cache-stat:disabled{cursor:default;opacity:.7}.cache-stat-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#e879f926,#a855f740);transition:width .3s;z-index:0}.cache-stat-text{position:relative;z-index:1}@media(max-width:600px){.cache-stat{display:none}}.btn-small{padding:6px 12px;font-size:13px}.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card{width:100%;max-width:380px;background:linear-gradient(180deg,#14121ee6,#0e0c16e6);border:1px solid var(--border);border-radius:20px;padding:40px 32px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 80px -30px #000c,0 0 60px -20px #a855f74d}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.login-brand-name{font-weight:800;font-size:20px;letter-spacing:-.02em}.login-title{font-size:28px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}.login-sub{color:var(--fg-dim);margin:0 0 24px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{padding:14px 16px;font-size:16px;border-radius:12px}.login-form .btn-primary{width:100%;padding:14px;font-size:15px}.search{max-width:1200px;margin:0 auto;padding:20px max(24px,calc(env(safe-area-inset-right,0) + 16px)) max(100px,calc(env(safe-area-inset-bottom,0) + 80px)) max(24px,calc(env(safe-area-inset-left,0) + 16px));width:100%}.search-hero{padding:24px 0 28px}.search-hero-title{font-size:clamp(28px,4.5vw,44px);font-weight:800;margin:0 0 8px;letter-spacing:-.03em;line-height:1.1}.grad-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 50%,var(--accent-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.search-hero-sub{color:var(--fg-dim);margin:0;font-size:15px}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-input-wrap{position:relative;flex:1;display:flex;align-items:center}.search-icon{position:absolute;left:18px;color:var(--fg-mute);pointer-events:none}.search-input{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--fg);padding:16px 44px 16px 48px;border-radius:14px;font-size:16px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.search-input:focus{border-color:var(--accent);background:var(--bg-3);box-shadow:0 0 0 4px #e879f926}.search-input::placeholder{color:var(--fg-mute)}.search-clear{position:absolute;right:12px;width:28px;height:28px;border-radius:999px;border:0;background:#ffffff14;color:var(--fg);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:#ffffff26}.input{background:var(--bg-2);border:1px solid var(--border);color:var(--fg);padding:12px 14px;border-radius:12px;font-size:15px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.btn{border:0;border-radius:14px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .06s,opacity .15s,background .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 8px 24px -8px #a855f799}.btn-primary:not(:disabled):hover{box-shadow:0 12px 32px -8px #a855f7cc}.btn-ghost{background:#ffffff0d;color:var(--fg);border:1px solid var(--border);padding:10px 16px;border-radius:10px;font-size:14px}.btn-ghost:hover{background:#ffffff1a;border-color:var(--border-hi)}.chip{display:inline-block;padding:7px 14px;background:#ffffff0d;border:1px solid var(--border);border-radius:999px;color:var(--fg-dim);font-size:13px;cursor:pointer;transition:all .15s;font-family:inherit}.chip:hover{background:#e879f91a;border-color:var(--accent);color:var(--fg)}.chip-inline{margin:0 4px}.hint{color:var(--fg-dim);padding:32px 4px;font-size:14px;line-height:1.8;text-align:center}.hint-tip{padding-top:12px}.notice{padding:14px 18px;border-radius:12px;margin:12px 0;font-size:14px}.notice-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca}.section{margin:32px 0}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.section-title{font-size:14px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:700}.chips-row{display:flex;flex-wrap:wrap;gap:8px}.chip-featured{background:#e879f90d;border-color:#e879f933;color:var(--fg);padding:9px 16px;font-size:13.5px;font-weight:500}.chip-featured:hover{background:#e879f926;border-color:var(--accent)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.category-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;cursor:pointer;color:var(--fg);font-family:inherit;transition:all .15s;min-height:110px}.category-tile:hover{background:var(--bg-3);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 24px -12px #a855f766}.category-tile-active{border-color:var(--accent);background:linear-gradient(135deg,#e879f926,#a855f71a)}.category-emoji{font-size:32px;line-height:1}.category-label{font-size:14px;font-weight:600;letter-spacing:-.01em}.active-filter{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#e879f914;border:1px solid rgba(232,121,249,.2);border-radius:10px;margin-bottom:16px;font-size:14px;color:var(--fg-dim)}.active-filter strong{color:var(--fg);font-weight:600}.lyrics-status-hint{font-size:13px;color:var(--fg-mute);margin-top:4px}.spacy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:40px 20px}.spacy-orb{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.spacy-small .spacy-orb{width:120px;height:120px}.spacy-core{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0%,var(--accent) 40%,var(--accent-2) 80%);box-shadow:0 0 24px #e879f9e6,0 0 60px #a855f7b3,0 0 100px #6366f166;animation:spacy-pulse 2.4s ease-in-out infinite;z-index:3;position:relative}.spacy-small .spacy-core{width:28px;height:28px}.spacy-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(232,121,249,.3) 0%,rgba(99,102,241,.15) 40%,transparent 70%);animation:spacy-breathe 3.6s ease-in-out infinite;z-index:1}.spacy-ring{position:absolute;border-radius:50%;border:1px solid rgba(232,121,249,.4);z-index:2}.spacy-ring-1{width:100px;height:100px;border-color:#e879f980;animation:spacy-orbit-out 3.2s ease-out infinite}.spacy-ring-2{width:100px;height:100px;border-color:#a855f766;animation:spacy-orbit-out 3.2s ease-out infinite 1.06s}.spacy-ring-3{width:100px;height:100px;border-color:#6366f14d;animation:spacy-orbit-out 3.2s ease-out infinite 2.13s}.spacy-small .spacy-ring-1,.spacy-small .spacy-ring-2,.spacy-small .spacy-ring-3{width:64px;height:64px}.spacy-text{text-align:center}.spacy-label{font-size:clamp(18px,2.4vw,22px);font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:spacy-shimmer 3s ease-in-out infinite;margin-bottom:6px}.spacy-hint{font-size:13.5px;color:var(--fg-mute);letter-spacing:.01em}.spacy-small .spacy-label{font-size:16px}@keyframes spacy-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.2)}}@keyframes spacy-breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:1}}@keyframes spacy-orbit-out{0%{transform:scale(.3);opacity:0;border-width:2px}20%{opacity:1}to{transform:scale(2);opacity:0;border-width:1px}}@keyframes spacy-shimmer{0%,to{opacity:.85}50%{opacity:1}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:8px}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;color:var(--fg);text-align:left;padding:0;font-family:inherit;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .15s,box-shadow .18s;display:flex;flex-direction:column;position:relative}.card:not(:disabled):hover{transform:translateY(-4px);border-color:var(--border-hi);box-shadow:0 20px 40px -20px #0009}.card:not(:disabled):hover .card-thumb-overlay{opacity:1}.card:not(:disabled):hover .card-thumb img{transform:scale(1.05)}.card:disabled{opacity:.55;cursor:not-allowed}.card-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-3)}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block}.card-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0a091099,#0a09104d);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .18s;pointer-events:none}.card-thumb-overlay svg{filter:drop-shadow(0 4px 16px rgba(0,0,0,.6));opacity:.95}.card-duration{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:6px;background:#000000d9;color:#fff;font-size:12px;font-weight:600;font-feature-settings:"tnum";line-height:1.4}.card-badge{position:absolute;top:8px;left:8px;padding:4px 10px;border-radius:6px;background:#000000b3;color:var(--fg-dim);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-badge-trusted{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 4px 12px -4px #a855f7b3}.card-body{padding:12px 14px 16px;min-height:74px;position:relative}.card-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:5px}.card-chip-btn{padding:5px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);color:var(--fg-dim);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;letter-spacing:.02em}.card-chip-btn:hover{background:#e879f926;border-color:var(--accent);color:var(--fg)}.card-chip-btn-active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border-color:transparent;color:#fff}.add-menu{position:absolute;right:10px;bottom:44px;min-width:200px;max-height:260px;overflow-y:auto;background:var(--bg-3);border:1px solid var(--border-hi);border-radius:12px;box-shadow:0 20px 40px -20px #000c;padding:6px;z-index:10;display:flex;flex-direction:column;gap:2px}.add-menu-header{padding:8px 10px 4px;font-size:11px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.add-menu-item{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:8px;background:transparent;border:0;color:var(--fg);cursor:pointer;font-family:inherit;font-size:13.5px;text-align:left;transition:background .12s}.add-menu-item:hover{background:#e879f91f}.add-menu-count{font-size:11px;color:var(--fg-mute);font-feature-settings:"tnum"}.add-menu-new{color:var(--accent);font-weight:700;border-top:1px solid var(--border);margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06050cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-2);border:1px solid var(--border-hi);border-radius:16px;padding:24px;width:100%;max-width:380px;box-shadow:0 30px 80px -20px #000000e6}.modal-title{font-size:18px;font-weight:800;margin:0 0 14px;letter-spacing:-.01em}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:#ffffff14;color:var(--fg);font-size:20px;cursor:pointer;line-height:1}.modal{position:relative}.modal-hint{color:var(--fg-dim);font-size:13.5px;margin:0 0 16px;line-height:1.5}.party-modal{max-width:440px}.party-qr-block{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.party-qr-code{font-size:44px;font-weight:900;letter-spacing:.3em;padding-left:.3em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-feature-settings:"tnum"}.party-qr-block svg{border-radius:12px;border:4px solid var(--bg-3)}.party-qr-url{font-size:12.5px;color:var(--fg-dim);font-feature-settings:"tnum";word-break:break-all;text-align:center}.party-queue-summary{padding:12px 16px;background:#ffffff08;border:1px solid var(--border);border-radius:10px;text-align:center;color:var(--fg-dim);font-size:13.5px;margin-top:8px}.party-guest{width:100%;max-width:640px;margin:0 auto;padding:max(20px,calc(env(safe-area-inset-top,0) + 12px)) max(16px,calc(env(safe-area-inset-right,0) + 12px)) max(80px,calc(env(safe-area-inset-bottom,0) + 40px)) max(16px,calc(env(safe-area-inset-left,0) + 12px));box-sizing:border-box;min-width:0}.party-guest .search-form{gap:8px}.party-me-row{display:flex;align-items:center;gap:8px;margin:12px 0}.party-me-chip{display:inline-flex;align-items:center;padding:6px 12px;background:linear-gradient(135deg,#e879f926,#a855f71a);border:1px solid rgba(232,121,249,.35);border-radius:999px;font-size:13px;font-weight:700;color:var(--fg);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-me-change{background:transparent;border:0;color:var(--fg-mute);font-size:12px;cursor:pointer;text-decoration:underline;font-family:inherit;padding:4px 6px}.party-me-change:hover{color:var(--fg)}.btn-back-to-browse{align-self:flex-start;margin:4px 0 12px;font-size:12.5px;padding:6px 12px}.party-cap-hint{padding:10px 14px;background:#e879f914;border:1px solid rgba(232,121,249,.3);border-radius:10px;color:var(--fg);font-size:13px;margin-bottom:12px;text-align:center}.party-host-hint{padding:8px 14px;background:linear-gradient(135deg,#fbbf2426,#e879f91a);border:1px solid rgba(251,191,36,.4);border-radius:10px;color:#fbbf24;font-size:12.5px;font-weight:700;margin-bottom:10px;text-align:center;letter-spacing:.02em}.party-host-bar{display:flex;gap:8px;align-items:stretch;margin-bottom:12px;flex-wrap:wrap}.party-host-hint-inline{padding:8px 14px;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);border-radius:10px;color:#fbbf24;font-size:12.5px;font-weight:700;letter-spacing:.02em;flex-shrink:0;display:flex;align-items:center}.party-singer-chip{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 14px;background:linear-gradient(135deg,#e879f91a,#a855f70f);border:1px solid rgba(232,121,249,.35);border-radius:10px;cursor:pointer;color:var(--fg);font-family:inherit;text-align:left;transition:border-color .15s}.party-singer-chip:hover{border-color:var(--accent)}.party-singer-label{font-size:10px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.party-singer-name{font-size:14px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.singer-picker-current{padding:10px 14px;background:#ffffff0a;border-radius:10px;font-size:13.5px;color:var(--fg-dim);margin-bottom:12px}.singer-picker-current strong{color:#fff}.singer-picker-list{margin-bottom:16px}.singer-picker-label{font-size:11px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:8px}.singer-picker-form{display:flex;gap:8px;border-top:1px solid var(--border);padding-top:14px}.singer-picker-form .input{flex:1;min-width:0}.party-result-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.btn-wish{padding:8px 10px;font-size:16px;line-height:1;min-width:40px;color:var(--fg-dim)}.btn-wish-active{color:#fbbf24;border-color:#fbbf2480;background:#fbbf241a}.party-wishlist{margin-top:32px;padding:16px;background:#fbbf240a;border:1px solid rgba(251,191,36,.25);border-radius:14px}.party-wishlist .section-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:12px}.party-wishlist-hint{font-size:11.5px;color:var(--fg-mute);text-transform:none;letter-spacing:0;font-weight:500}.party-wishlist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.party-wishlist-item{display:flex;gap:10px;align-items:center;padding:6px;background:#ffffff08;border-radius:10px}.party-wishlist-thumb{width:60px;height:34px;object-fit:cover;border-radius:6px;flex-shrink:0}.party-wishlist-body{flex:1;min-width:0;overflow:hidden}.party-wishlist-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-wishlist-channel{font-size:11.5px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-wish-promote{padding:6px 12px!important;font-size:12.5px!important;min-width:0!important;width:auto!important;flex-shrink:0}@media(max-width:500px){.party-guest .search-form{flex-direction:column}.party-guest .search-form .btn-primary{width:100%;padding:12px}.party-guest .search-input{font-size:16px}}@media(max-width:500px){.party-guest .category-grid{grid-template-columns:repeat(3,1fr);gap:8px}.party-guest .category-tile{padding:14px 8px;min-height:82px;gap:6px}.party-guest .category-emoji{font-size:22px}.party-guest .category-label{font-size:12px}}@media(max-width:360px){.party-guest .category-grid{grid-template-columns:repeat(2,1fr)}}.party-guest-header{text-align:center;padding:20px 0 32px}.party-guest-code{font-size:clamp(24px,6vw,32px);font-weight:900;letter-spacing:.18em;padding-left:.18em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px;word-break:keep-all}.party-guest-host{color:var(--fg-dim);font-size:14px}.party-name{margin:20px 0}.party-name-label{display:block;font-size:13px;color:var(--fg-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.party-name-row{display:flex;gap:8px}@media(max-width:500px){.party-name-row{flex-direction:column}.party-name-row .btn{width:100%}.party-name-row .input{font-size:16px}}.party-results{list-style:none;margin:20px 0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.party-result{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;min-width:0}.party-result-queued{opacity:.6;border-color:#e879f94d}.party-result-thumb{width:88px;height:50px;object-fit:cover;border-radius:6px;flex-shrink:0}.party-result-body{flex:1;min-width:0;overflow:hidden}.party-result-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;word-break:break-word}.party-result-channel{font-size:12px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-result .btn{padding:8px 12px;font-size:12.5px;flex-shrink:0}@media(max-width:500px){.party-result{padding:6px;gap:8px;align-items:stretch}.party-result-thumb{width:72px;height:40px;align-self:center}.party-result-body{display:flex;flex-direction:column;justify-content:center}.party-result-title{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.party-result-channel{font-size:11px}.party-result .btn{padding:8px 12px;font-size:12px;font-weight:700;width:auto;min-width:76px;border-radius:8px;align-self:center;flex-shrink:0}}.party-now-playing{margin:24px 0 16px}.party-now-label{font-size:12px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:10px}.party-now-card{display:flex;gap:14px;align-items:center;padding:14px;background:linear-gradient(135deg,#e879f924,#a855f714);border:1px solid rgba(232,121,249,.35);border-radius:14px;box-shadow:0 12px 32px -20px #a855f799}.party-now-thumb{width:96px;height:54px;object-fit:cover;border-radius:8px;flex-shrink:0}.party-now-body{flex:1;min-width:0}.party-now-title{font-size:15px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.party-now-by{font-size:13px;color:var(--fg-dim)}.party-your-turn{margin:12px 0 20px;padding:12px 16px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;text-align:center;font-size:14px;color:var(--fg-dim);font-weight:600}.party-your-turn-next{background:linear-gradient(135deg,#e879f933,#a855f726);border-color:var(--accent);color:#fff;font-size:16px;font-weight:800;animation:your-turn-pulse 2s ease-in-out infinite}@keyframes your-turn-pulse{0%,to{box-shadow:0 0 #e879f966}50%{box-shadow:0 0 0 8px #e879f900}}.party-queue-pos{width:26px;height:26px;border-radius:50%;background:#ffffff0f;color:var(--fg-mute);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-feature-settings:"tnum";flex-shrink:0}.party-queue-item-mine{border:1px solid rgba(232,121,249,.4);background:#e879f90f}.party-queue-item-mine .party-queue-pos{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff}.party-queue-item-mine .party-queue-added-by{color:var(--accent);font-weight:700}.party-queue-section{margin-top:32px}.party-queue-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.party-queue-item{display:flex;gap:10px;padding:8px;background:#ffffff08;border-radius:10px}.party-queue-thumb{width:60px;height:34px;object-fit:cover;border-radius:6px;flex-shrink:0}.party-queue-body{flex:1;min-width:0}.party-queue-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-queue-added-by{font-size:11.5px;color:var(--fg-mute);margin-top:2px}.queue-banner-section{margin-top:20px;margin-bottom:8px}.queue-banner{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#e879f926,#a855f71a);border:1px solid rgba(232,121,249,.4);border-radius:16px;cursor:pointer;color:var(--fg);text-align:left;font-family:inherit;transition:all .15s;box-shadow:0 12px 40px -20px #a855f780}.queue-banner:hover{transform:translateY(-2px);box-shadow:0 16px 48px -20px #a855f7b3;border-color:var(--accent)}.queue-banner-thumb{width:96px;height:54px;object-fit:cover;border-radius:8px;flex-shrink:0}.queue-banner-body{flex:1;min-width:0}.queue-banner-label{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:4px}.queue-banner-title{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.queue-banner-channel{font-size:12.5px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.queue-banner-arrow{font-size:24px;color:var(--accent);flex-shrink:0}.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.stat-tile{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;cursor:pointer;color:var(--fg);text-align:left;font-family:inherit;transition:all .15s}.stat-tile:hover{background:var(--bg-3);border-color:var(--accent);transform:translateY(-2px)}.stat-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:var(--bg-3)}.stat-title{font-size:13px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;line-height:1.3}.stat-sub{font-size:11.5px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlists-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.playlist-tile{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--fg);transition:all .15s}.playlist-tile:hover{background:var(--bg-3);border-color:var(--accent);transform:translateY(-2px)}.playlist-tile-body{flex:1;min-width:0}.playlist-tile-name{font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-tile-count{color:var(--fg-dim);font-size:12.5px;margin-top:2px}.playlist-cover{width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--bg-3);display:grid;flex-shrink:0;position:relative}.playlist-cover img{width:100%;height:100%;object-fit:cover;display:block}.playlist-cover-empty{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent);opacity:.5;background:linear-gradient(135deg,#e879f926,#6366f11a)}.playlist-cover-1{grid-template-columns:1fr}.playlist-cover-2{grid-template-columns:1fr 1fr}.playlist-cover-2 img:last-child{grid-column:2;grid-row:1 / 3;height:100%}.playlist-cover-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playlist-cover-3 img:first-child{grid-column:1 / 3}.playlist-cover-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playlist-page{max-width:900px;margin:0 auto;padding:24px 20px 80px;width:100%}.playlist-header{display:flex;gap:20px;align-items:flex-start;margin-bottom:24px}.playlist-header .playlist-cover{width:140px;height:140px;border-radius:16px;box-shadow:0 20px 40px -20px #000000b3,0 0 60px -20px #a855f766}.playlist-header-body{flex:1;min-width:0}.playlist-label{font-size:12px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:6px}.playlist-name{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;margin:0 0 14px;cursor:pointer;display:inline-flex;align-items:baseline;gap:12px;line-height:1.1}.playlist-name-edit{font-size:16px;color:var(--fg-mute);opacity:0;transition:opacity .15s}.playlist-name:hover .playlist-name-edit{opacity:1}.playlist-name-input{font-size:clamp(24px,3vw,36px);font-weight:800;padding:8px 12px;margin-bottom:14px;width:100%;max-width:500px}.playlist-actions{display:flex;gap:8px;flex-wrap:wrap}.playlist-share-blurb{margin-top:10px;padding:6px 12px;background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:8px;color:#a7f3d0;font-size:13px;display:inline-block}.playlist-tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.playlist-track{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;touch-action:manipulation}.playlist-track-dragging{border-color:var(--accent);box-shadow:0 8px 20px -8px #a855f799;z-index:10}.playlist-drag{cursor:grab;color:var(--fg-mute);padding:8px 4px;font-size:16px;-webkit-user-select:none;user-select:none;touch-action:none}.playlist-drag:active{cursor:grabbing}.playlist-track-num{color:var(--fg-mute);font-size:12.5px;min-width:22px;text-align:right;font-feature-settings:"tnum"}.playlist-track-thumb{width:60px;height:34px;object-fit:cover;border-radius:6px;flex-shrink:0}.playlist-track-body{flex:1;min-width:0}.playlist-track-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-channel{font-size:12px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.playlist-header{flex-direction:column;align-items:center;text-align:center}.playlist-name,.playlist-actions{justify-content:center}}.card-title{font-weight:700;font-size:14.5px;line-height:1.35;color:var(--fg);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.card-channel{color:var(--fg-dim);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-skeleton{cursor:default;pointer-events:none;border-color:var(--border);background:var(--bg-2)}.card-skeleton:before{content:"";display:block;aspect-ratio:16 / 9;background:linear-gradient(90deg,var(--bg-3) 0%,#22203a 50%,var(--bg-3) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.card-skeleton:after{content:"";display:block;height:60px;margin:12px 14px;border-radius:6px;background:linear-gradient(90deg,var(--bg-3) 0%,#22203a 50%,var(--bg-3) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.player{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:max(16px,calc(env(safe-area-inset-top,0) + 8px)) max(24px,calc(env(safe-area-inset-right,0) + 16px)) max(24px,calc(env(safe-area-inset-bottom,0) + 16px)) max(24px,calc(env(safe-area-inset-left,0) + 16px));gap:16px;max-width:1400px;margin:0 auto;width:100%}.player-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.player-top-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}@media(max-width:640px){.player-top{gap:8px;row-gap:10px}.player-title{order:3!important;flex:1 1 100%!important;width:100%!important;min-width:0}.player-top-actions{margin-left:auto;gap:6px}.player-top-actions .btn{padding:8px 10px;font-size:12.5px}.player-song{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:12.5px}}.btn-ghost-active{background:#e879f926;border-color:var(--accent);color:var(--fg)}.player-title{flex:1;min-width:0}.player-song{font-weight:700;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.player-artist{color:var(--fg-dim);font-size:14px;margin-top:2px}.lyrics-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0;min-height:320px}.lyrics-status{color:var(--fg-dim);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.lyrics-plain{max-width:60ch;text-align:center}.lyrics-plain pre{color:var(--fg-dim);white-space:pre-wrap;line-height:1.7;font-family:inherit;font-size:15px}.karaoke{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;max-width:90vw}.karaoke-current{font-size:clamp(30px,5vw,60px);font-weight:800;line-height:1.15;color:#fff;text-shadow:0 0 40px rgba(232,121,249,.6),0 2px 8px rgba(0,0,0,.5);animation:pop-in .28s ease-out;letter-spacing:-.015em;max-width:20ch;min-height:2.3em;display:flex;align-items:center;justify-content:center}.karaoke-dots{color:var(--accent);opacity:.5;letter-spacing:.4em}.karaoke-next{font-size:clamp(18px,2.5vw,26px);color:var(--fg-dim);min-height:1.4em;font-weight:500}.karaoke-countdown{color:var(--accent);opacity:.7;font-size:.85em;font-feature-settings:"tnum";margin-left:6px}.calibrate{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px;text-align:center;max-width:90vw}.calibrate-hint{color:var(--fg-dim);font-size:15px;letter-spacing:.02em}.calibrate-line{font-size:clamp(22px,3.5vw,32px);font-weight:700;color:#fff;max-width:20ch;line-height:1.2;padding:12px 24px;border:1px solid rgba(232,121,249,.35);border-radius:12px;background:#e879f90d}.calibrate-btn{width:180px;height:180px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;font-size:42px;font-weight:900;letter-spacing:-.02em;cursor:pointer;box-shadow:0 0 40px #e879f999,0 20px 60px -20px #a855f7cc;transition:transform .08s,box-shadow .15s;animation:calibrate-pulse 1.6s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.calibrate-btn:active{transform:scale(.94);animation:none}@keyframes calibrate-pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #e879f999,0 20px 60px -20px #a855f7cc}50%{transform:scale(1.05);box-shadow:0 0 60px #e879f9e6,0 24px 72px -20px #a855f7}}.skip-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.load-more-row{display:flex;justify-content:center;margin-top:24px}.load-more-row .btn{min-width:240px}.karaoke-queue{list-style:none;margin:16px 0 0;padding:0;color:#a0a0b48c;font-size:14px;line-height:1.8}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.player-controls{display:flex;flex-direction:column;gap:12px;padding:16px;background:#14121eb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:18px}.player-audio{width:100%}.party-qr-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:linear-gradient(135deg,#e879f91f,#a855f714);border:1px solid rgba(232,121,249,.4);border-radius:10px;cursor:pointer;color:var(--fg);font-family:inherit;transition:transform .1s,border-color .15s}.party-qr-pill:hover{border-color:var(--accent);transform:translateY(-1px)}.party-qr-pill svg{background:#ffffff0d;border-radius:4px;padding:3px;flex-shrink:0}.party-qr-pill-info{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.15;text-align:left}.party-qr-pill-label{font-size:9px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.party-qr-pill-code{font-size:13px;font-weight:800;letter-spacing:.1em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-feature-settings:"tnum"}@media(max-width:400px){.party-qr-pill{padding:3px}.party-qr-pill-info{display:none}}.ended-prompt{position:relative;padding:20px;background:linear-gradient(135deg,#e879f91f,#a855f714);border:1px solid rgba(232,121,249,.35);border-radius:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px -30px #e879f999}.ended-prompt-dismiss{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:0;background:#ffffff14;color:var(--fg);font-size:20px;line-height:1;cursor:pointer;z-index:2}.ended-prompt-dismiss:hover{background:#ffffff26}.ended-prompt-more{border-top:1px solid rgba(232,121,249,.2);padding-top:12px}.ended-prompt-more-label{font-size:11px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:8px}.ended-prompt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ended-prompt-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#ffffff0a;border-radius:10px}.ended-prompt-item-thumb{width:60px;height:34px;object-fit:cover;border-radius:6px;flex-shrink:0}.ended-prompt-item-body{flex:1;min-width:0}.ended-prompt-item-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ended-prompt-item-channel{font-size:11.5px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ended-prompt-label{font-size:12px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.1em;font-weight:700;text-align:center}.ended-prompt-card{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ended-prompt-card .btn-big{flex-shrink:0}.ended-prompt-thumb{width:120px;height:68px;object-fit:cover;border-radius:10px;flex-shrink:0}.ended-prompt-body{flex:1;min-width:0}.ended-prompt-next{font-size:11px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:4px}.ended-prompt-title{font-size:16px;font-weight:700;line-height:1.3;color:#fff;margin-bottom:4px}.ended-prompt-channel{font-size:13px;color:var(--fg-dim)}.ended-prompt-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn-big{padding:14px 24px;font-size:15px;font-weight:700}@media(max-width:500px){.ended-prompt-thumb{width:96px;height:54px}.ended-prompt-actions{flex-direction:column-reverse}.ended-prompt-actions .btn{width:100%}}.toaster{position:fixed;bottom:max(20px,calc(env(safe-area-inset-bottom,0) + 16px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;background:linear-gradient(135deg,#14121ef2,#1e142df2);border:1px solid rgba(232,121,249,.5);border-radius:999px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 12px 32px -12px #000000b3,0 0 40px -12px #e879f999;animation:toast-in .3s cubic-bezier(.2,.8,.2,1);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:100%}.toast-emoji{font-size:22px;line-height:1;animation:toast-emoji-pop .6s cubic-bezier(.2,1.6,.5,1)}.toast-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-emoji-pop{0%{transform:scale(0) rotate(-45deg)}70%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.offline-banner{position:sticky;top:0;z-index:100;padding:10px 16px;background:#ef4444e6;color:#fff;text-align:center;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:10px}.offline-banner-server{background:#fbbf24eb;color:#1a1030}.offline-banner-spinner{width:14px;height:14px;border:2px solid rgba(26,16,48,.3);border-top-color:#1a1030;border-radius:50%;animation:offline-spin .8s linear infinite;display:inline-block}@keyframes offline-spin{to{transform:rotate(360deg)}}.error-boundary{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.error-boundary-card{max-width:520px;padding:32px;background:var(--bg-2);border:1px solid var(--border);border-radius:20px;text-align:center}.error-boundary-emoji{font-size:56px;margin-bottom:12px}.error-boundary-title{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}.error-boundary-msg{color:var(--fg-dim);margin:0 0 20px}.error-boundary-detail{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fecaca;font-size:12px;text-align:left;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto}.error-boundary-actions{display:flex;gap:8px;justify-content:center;margin-top:20px;flex-wrap:wrap}.video-tap-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0009;border:0;color:#fff;cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent}.video-tap-play:hover{background:#000000b3}.video-tap-play svg{filter:drop-shadow(0 6px 20px rgba(0,0,0,.7))}.video-tap-play-hint{font-size:15px;font-weight:700;letter-spacing:.02em}.tv{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0910;color:#fff;overflow:hidden}.tv-start{display:flex;align-items:center;justify-content:center;padding:40px}.tv-start-card{max-width:520px;padding:40px;background:#14121eb3;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.tv-start-title{font-size:32px;font-weight:900;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tv-start-hint{color:var(--fg-dim);font-size:15px;line-height:1.5;margin:0}.tv-playing{display:flex;align-items:center;justify-content:center;background:#000}.tv-video{width:100vw;height:100vh;object-fit:contain;background:#000}.tv-fs-btn{position:fixed;top:16px;right:16px;width:48px;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#00000080;color:#fff;font-size:22px;cursor:pointer;opacity:0;transition:opacity .2s;z-index:100}.tv-playing:hover .tv-fs-btn{opacity:1}.tv-idle{display:flex;align-items:center;justify-content:center}.tv-idle-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(232,121,249,.35) 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(99,102,241,.3) 0%,transparent 55%),radial-gradient(ellipse at 50% 20%,rgba(168,85,247,.25) 0%,transparent 60%),#0a0910;animation:tv-drift 22s ease-in-out infinite alternate;filter:blur(20px)}@keyframes tv-drift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(-2%,2%)}to{transform:scale(1.05) translate(2%,-2%)}}.tv-idle-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px;padding:60px;max-width:800px;text-align:center}.tv-idle-header{display:flex;flex-direction:column;gap:12px}.tv-brand{font-size:48px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(232,121,249,.4)}.tv-idle-hint{font-size:20px;color:#ffffffbf;font-weight:500;letter-spacing:.02em}.tv-qr-block{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tv-qr-wrap svg{border-radius:16px;border:8px solid #0a0910;display:block}.tv-code{font-size:72px;font-weight:900;letter-spacing:.25em;padding-left:.25em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-feature-settings:"tnum";line-height:1}.tv-url{font-size:15px;color:var(--fg-dim);font-feature-settings:"tnum"}.tv-remote-hint{font-size:13px;color:#ffffff80;margin-top:4px;max-width:320px;line-height:1.4}.tv-preparing,.tv-upcoming,.tv-empty-hint{padding:20px 28px;background:#ffffff0d;border-radius:16px;min-width:400px;text-align:center}.tv-upcoming-label{font-size:12px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:6px}.tv-upcoming-title{font-size:22px;font-weight:700;color:#fff;line-height:1.3}.tv-upcoming-by{margin-top:6px;font-size:15px;color:var(--accent);font-weight:700}.tv-empty-hint{color:var(--fg-dim);font-size:16px}.tv-preparing{color:#fff;font-size:16px;font-weight:600;animation:tv-pulse 1.5s ease-in-out infinite}@keyframes tv-pulse{0%,to{opacity:.8}50%{opacity:1}}.tv-end-btn{background:transparent;border:0;color:#ffffff4d;font-size:12px;cursor:pointer;padding:8px 16px;margin-top:auto;font-family:inherit;text-decoration:underline}.tv-end-btn:hover{color:#fff9}.video-stage{position:relative;width:100%;max-width:1200px;margin:0 auto;flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px -20px #000c,0 0 80px -30px #a855f780}@media(max-width:700px)and (orientation:portrait){.video-frame{aspect-ratio:auto;height:60vh;max-height:60vh}.video-el{object-fit:contain}}.video-el{width:100%;height:100%;display:block;background:#000}.video-el:fullscreen{width:100vw;height:100vh;object-fit:contain}.video-loading{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:24px}.video-loading-preview{display:flex;gap:16px;align-items:center;padding:12px 16px 12px 12px;background:#14121e99;border:1px solid var(--border);border-radius:14px;max-width:480px;width:100%}.video-loading-thumb{width:120px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0}.video-loading-meta{flex:1;min-width:0}.video-loading-title{font-size:14.5px;font-weight:700;color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.video-loading-channel{font-size:12.5px;color:var(--fg-dim);margin-top:4px}.transport{display:flex;align-items:center;gap:14px}.transport-play{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px -8px #a855f7b3;transition:transform .06s,box-shadow .15s,opacity .15s;flex-shrink:0}.transport-play:hover:not(:disabled){box-shadow:0 14px 36px -8px #a855f7d9}.transport-play:active:not(:disabled){transform:scale(.95)}.transport-play:disabled{opacity:.4;cursor:not-allowed}.transport-time{font-size:12.5px;color:var(--fg-dim);font-feature-settings:"tnum";min-width:36px;text-align:center}.transport-seek{flex:1;height:6px;background:var(--bg-3);border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;background-image:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) var(--pct, 0%),transparent var(--pct, 0%));background-repeat:no-repeat}.transport-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #e879f959;cursor:pointer;border:0}.transport-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #e879f959;cursor:pointer;border:0}.transport-volume{display:flex;align-items:center;gap:8px;color:var(--fg-dim);flex-shrink:0}.transport-volume input{width:80px;accent-color:var(--accent)}.knobs{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:4px 2px}.knob{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#ffffff05;border:1px solid var(--border);border-radius:12px;position:relative}.knob-header{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.knob-val{color:var(--fg);font-feature-settings:"tnum";text-transform:none;letter-spacing:0}.knob input[type=range]{width:100%;accent-color:var(--accent)}.offset-nudge-row{display:flex;align-items:center;gap:8px}.offset-nudge{flex-shrink:0;padding:6px 12px;min-width:48px;background:#e879f91f;border:1px solid rgba(232,121,249,.3);border-radius:8px;color:var(--fg);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.offset-nudge:hover{background:#e879f940;border-color:var(--accent)}.offset-nudge:active{transform:scale(.95)}.knob-hint{font-size:11.5px;color:var(--fg-mute);margin-top:6px;line-height:1.4}.knob-hint strong{color:var(--accent);font-weight:700}.knob-reset{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;background:#e879f926;border:0;color:var(--accent);font-size:10.5px;font-weight:700;cursor:pointer;letter-spacing:.06em;text-transform:uppercase}.knob-reset:hover{background:#e879f940}.player-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.offset{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-dim);flex:1;min-width:220px}.offset input{flex:1;accent-color:var(--accent)}.meta-edit{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.queue-panel{display:flex;flex-direction:column;gap:8px;padding:16px;background:#14121eb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px;max-height:50vh;overflow-y:auto}.queue-item{display:flex;align-items:center;gap:10px;padding:6px;background:var(--bg-2);border:1px solid transparent;border-radius:10px}.queue-item-current{border-color:var(--accent);background:linear-gradient(135deg,#e879f91a,#a855f70d)}.queue-thumb{width:72px;height:41px;object-fit:cover;border-radius:6px;flex-shrink:0}.queue-body{flex:1;min-width:0}.queue-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-channel{font-size:12px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#ffffff0a;border-radius:8px;color:var(--fg);cursor:pointer;font-size:14px;padding:0;transition:all .15s}.btn-icon:hover{background:#e879f926;border-color:var(--accent)}.up-next{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#e879f90f;border:1px solid rgba(232,121,249,.2);border-radius:10px;font-size:13px}.up-next-label{color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700;flex-shrink:0}.up-next-title{flex:1;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-next-by{color:var(--accent);font-size:12.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#e879f91f;border:1px solid rgba(232,121,249,.3);flex-shrink:0;white-space:nowrap}.up-next-skip{flex-shrink:0}.player-fs .lyrics-stage{background:var(--bg);min-height:100vh}.lyrics-stage:fullscreen{background:radial-gradient(ellipse at center,#1a1030 0%,var(--bg) 70%);padding:60px 40px;display:flex;align-items:center;justify-content:center}.fs-close{position:fixed;top:20px;right:20px;width:56px;height:56px;border-radius:50%;border:0;background:#14121ed9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -8px #0009;z-index:1000;transition:background .15s,transform .06s;-webkit-tap-highlight-color:transparent}.fs-close:hover{background:#e879f94d}.fs-close:active{transform:scale(.92)}.lyrics-stage:fullscreen .karaoke{max-width:90vw}.lyrics-stage:fullscreen .karaoke-current{font-size:clamp(48px,8vw,96px);min-height:2.3em}.lyrics-stage:fullscreen .karaoke-next{font-size:clamp(24px,3.5vw,40px)}.lyrics-stage:fullscreen .karaoke-queue{font-size:clamp(16px,1.8vw,22px)}@media(max-width:600px){.search{padding:16px 16px 100px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.meta-edit{grid-template-columns:1fr}.search-form{flex-direction:column}.btn-primary{width:100%}.knobs{grid-template-columns:1fr}.transport-volume{display:none}}