: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)}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}.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:22px 28px}.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}.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 24px 100px;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}.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:16px 24px 24px;gap:16px;max-width:1400px;margin:0 auto;width:100%}.player-top{display:flex;align-items:center;gap:16px}.player-top-actions{display:flex;gap:8px;flex-shrink:0}.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%}.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-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}}