:root {
  --bg: #08111f;
  --text: #0a1020;
  --soft-text: rgba(7, 15, 29, 0.7);
  --white: rgba(255,255,255,0.74);
  --white-strong: rgba(255,255,255,0.88);
  --border: rgba(255,255,255,0.38);
  --shadow: 0 20px 50px rgba(0,0,0,0.18);
  --accent: #59f1ff;
  --accent-2: #c86bff;
  --accent-3: #44ffb4;
  --danger: #ff5b8f;
  --success: #27d98b;
  --pending: #ffb648;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
  min-height: 100vh;
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 15% 20%, rgba(89, 241, 255, 0.35), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(200, 107, 255, 0.35), transparent 26%),
    radial-gradient(circle at 50% 80%, rgba(68, 255, 180, 0.28), transparent 24%),
    linear-gradient(120deg, #0a0f1f, #150d2d 35%, #07152a 66%, #101326 100%);
  overflow-x: hidden;
}
body::before {
  content: '';
  position: fixed; inset: 0;
  background: linear-gradient(120deg, rgba(89,241,255,.16), rgba(200,107,255,.16), rgba(68,255,180,.16), rgba(255,91,143,.18));
  background-size: 300% 300%;
  animation: neonShift 14s ease infinite;
  pointer-events: none;
}
@keyframes neonShift {
  0% { background-position: 0% 50%; filter: hue-rotate(0deg); }
  50% { background-position: 100% 50%; filter: hue-rotate(35deg); }
  100% { background-position: 0% 50%; filter: hue-rotate(0deg); }
}
.noise {
  position: fixed; inset:0; pointer-events:none; opacity:.08;
  background-image: radial-gradient(rgba(255,255,255,.9) 0.7px, transparent 0.7px);
  background-size: 12px 12px;
}
.bg-orb {
  position: fixed; width: 32rem; height: 32rem; border-radius: 50%; filter: blur(55px); opacity: .45; pointer-events:none;
}
.orb-1 { top: -6rem; left: -7rem; background: #3bf0ff; animation: float 12s ease-in-out infinite; }
.orb-2 { top: 10rem; right: -6rem; background: #c86bff; animation: float 16s ease-in-out infinite reverse; }
.orb-3 { bottom: -8rem; left: 35%; background: #44ffb4; animation: float 14s ease-in-out infinite; }
@keyframes float { 50% { transform: translateY(25px) translateX(10px) scale(1.06); } }
.shell { width:min(1180px, calc(100% - 2rem)); margin:0 auto; position:relative; z-index:2; }
.main-shell { padding: 1rem 0 4rem; }
.site-header {
  display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0;
}
.brand { display:flex; align-items:center; gap:.85rem; color:white; text-decoration:none; }
.brand strong { display:block; font-family:'Space Grotesk', sans-serif; font-size:1.1rem; }
.brand small { display:block; color:rgba(255,255,255,.72); }
.brand-badge {
  width:2.8rem; height:2.8rem; display:grid; place-items:center; border-radius:18px;
  background: linear-gradient(135deg, rgba(89,241,255,.95), rgba(200,107,255,.95)); color:#06111f; font-weight:800; box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.top-nav { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; }
.top-nav a { color:white; text-decoration:none; font-weight:600; opacity:.92; }
.nav-pill, .btn {
  border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:.8rem 1.15rem; text-decoration:none; font-weight:700; cursor:pointer;
}
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:transparent; color:var(--text); }
.btn-primary { background: linear-gradient(135deg, rgba(89,241,255,.92), rgba(200,107,255,.92)); color:#091120; border:none; box-shadow:0 10px 30px rgba(109,113,255,.22); }
.btn-soft { background: rgba(255,255,255,.55); color:var(--text); }
.btn-ghost { background: transparent; color:var(--text); border-color: rgba(7,15,29,.14); }
.glass, .glass-lite, .flash {
  background: var(--white); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
  border:1px solid var(--border); box-shadow: var(--shadow);
}
.glass { border-radius: 28px; padding: 1.4rem; }
.glass-lite { border-radius: 22px; padding: 1rem 1.1rem; }
.hero { margin-top: 1rem; align-items: stretch; }
.grid-2 { display:grid; grid-template-columns: 1.2fr 1fr; gap:1.2rem; }
.grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:1rem; }
.hero-copy h1, .auth-wrap h1, .section-head h1, .glass h1 { font-size: clamp(2rem, 3vw, 4rem); line-height:1.02; margin:.5rem 0 .8rem; font-family:'Space Grotesk', sans-serif; }
.hero-copy p, .glass p, .muted { color: var(--soft-text); line-height:1.65; }
.eyebrow { display:inline-flex; padding:.38rem .78rem; border-radius:999px; background:rgba(255,255,255,.55); font-size:.84rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.hero-actions, .panel-actions, .toggle-row { display:flex; gap:.8rem; flex-wrap:wrap; }
.inline-stats { list-style:none; padding:0; display:flex; gap:1rem; flex-wrap:wrap; margin:1.4rem 0 0; }
.inline-stats li { min-width: 8rem; }
.inline-stats strong { display:block; font-size:1.2rem; }
.hero-panel { display:flex; flex-direction:column; gap:1rem; justify-content:center; }
.mini-card { background: rgba(255,255,255,.52); border-radius:18px; padding: .95rem 1rem; }
.mini-card label { display:block; font-size:.78rem; text-transform:uppercase; font-weight:800; margin-bottom:.35rem; color:rgba(7,15,29,.55); }
.pill-row { display:flex; gap:.6rem; flex-wrap:wrap; }
.pill { background: rgba(7,15,29,.08); padding:.55rem .9rem; border-radius:999px; font-weight:700; }
.wave { min-height: 120px; border-radius: 20px; background: linear-gradient(180deg, rgba(7,15,29,.03), rgba(255,255,255,.65)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='220' viewBox='0 0 1200 220'%3E%3Cpath d='M0 128 Q40 18 80 128 T160 128 T240 128 T320 128 T400 128 T480 128 T560 128 T640 128 T720 128 T800 128 T880 128 T960 128 T1040 128 T1120 128 T1200 128' fill='none' stroke='%230b1a2b' stroke-opacity='.55' stroke-width='6'/%3E%3C/svg%3E") center/cover no-repeat; }
.feature-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:1rem; margin:1rem 0; }
.feature-card h3 { margin:.2rem 0 .5rem; font-size:1.1rem; }
.marketing-strip { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top: 1rem; }
.auth-wrap, .narrow-admin { max-width: 520px; margin: 2rem auto; }
.field { display:flex; flex-direction:column; gap:.45rem; }
.field label { font-weight:700; }
input, textarea, select {
  width:100%; padding: .92rem 1rem; border-radius: 18px; border:1px solid rgba(7,15,29,.12);
  background: rgba(255,255,255,.78); color: var(--text); font: inherit;
}
textarea { resize: vertical; }
.stack-lg { display:flex; flex-direction:column; gap:1rem; }
.stack-md { display:flex; flex-direction:column; gap:.75rem; }
.stats-grid { margin-bottom:1rem; }
.stat-card span { display:block; color:var(--soft-text); font-weight:700; }
.stat-card strong { font-size:2.1rem; font-family:'Space Grotesk', sans-serif; }
.song-list { display:flex; flex-direction:column; gap:.85rem; }
.song-row { display:grid; grid-template-columns: 1fr auto auto; gap:1rem; align-items:center; }
.song-row.compact { display:flex; justify-content:space-between; align-items:center; }
.song-meta small { display:block; color:var(--soft-text); margin-top:.2rem; }
.song-actions { display:flex; gap:.55rem; flex-wrap:wrap; }
.status { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:.55rem .85rem; font-weight:800; min-width:6rem; }
.status.success { background: rgba(39,217,139,.17); color:#0a7c4d; }
.status.pending { background: rgba(255,182,72,.17); color:#9e5f00; }
.status.danger { background: rgba(255,91,143,.18); color:#9e194a; }
.flash { padding: .9rem 1rem; border-radius: 18px; margin-bottom: 1rem; }
.flash.success { border-color: rgba(39,217,139,.4); }
.flash.danger { border-color: rgba(255,91,143,.4); }
.creator-grid { align-items:start; }
.compact-grid { gap:.8rem; }
.result-card.hidden { display:none; }
.cover-art { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:20px; background:rgba(7,15,29,.08); }
.inset { background: rgba(255,255,255,.45); }
.section-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
@media (max-width: 920px) {
  .grid-2, .grid-3, .feature-grid { grid-template-columns: 1fr; }
  .song-row { grid-template-columns: 1fr; }
  .marketing-strip, .site-header { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 640px) {
  .shell { width:min(100% - 1rem, 1180px); }
  .glass { padding:1rem; border-radius:22px; }
  .top-nav { gap:.55rem; }
  .btn, .nav-pill { width:100%; }
  .hero-actions .btn, .panel-actions .btn { width:auto; }
  .top-nav a { width:100%; }
  .inline-stats { flex-direction:column; gap:.65rem; }
}

.library-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:1rem; }
.song-card { display:grid; grid-template-columns: 160px 1fr; gap:1rem; align-items:start; }
.library-cover { width:100%; height:160px; object-fit:cover; border-radius:20px; }
.library-player { width:100%; }
audio { width:100%; border-radius:14px; }
@media (max-width: 920px) {
  .library-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .song-card { grid-template-columns: 1fr; }
  .library-cover { height:auto; aspect-ratio:1 / 1; }
}

.library-head { align-items: flex-end; }
.library-toolbar { gap: .85rem; }
.library-toolbar-row { display:flex; gap:1rem; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; }
.library-toolbar-row.compact { align-items:center; }
.search-field { flex:1 1 420px; }
.view-field { min-width: 240px; }
.view-switch, .filter-chips { display:flex; gap:.65rem; flex-wrap:wrap; }
.view-btn, .chip-btn {
  border: 1px solid rgba(7,15,29,.12);
  background: rgba(255,255,255,.72);
  color: var(--text);
  border-radius: 999px;
  padding: .72rem 1rem;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.view-btn.is-active, .chip-btn.is-active {
  background: linear-gradient(135deg, rgba(89,241,255,.92), rgba(200,107,255,.92));
  color: #091120;
  border-color: transparent;
  box-shadow: 0 12px 28px rgba(109,113,255,.18);
}
.chip-btn span { opacity: .75; margin-left: .35rem; }
.library-count { margin: 0; font-weight: 700; }
.folder-view { display:flex; flex-direction:column; gap:1rem; }
.folder-section { display:flex; flex-direction:column; gap:.8rem; }
.folder-header {
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
  padding: 1rem 1.1rem;
  border-radius: 24px;
  background: rgba(255,255,255,.46);
  border:1px solid rgba(255,255,255,.28);
}
.folder-label {
  display:inline-flex; margin-bottom:.35rem; padding:.28rem .6rem; border-radius:999px;
  background: rgba(7,15,29,.08); font-size:.72rem; font-weight:800; text-transform:uppercase;
}
.folder-header h2 { margin:0; font-family:'Space Grotesk', sans-serif; }
.folder-count {
  min-width: 3rem; height: 3rem; display:grid; place-items:center; border-radius:18px;
  background: linear-gradient(135deg, rgba(89,241,255,.88), rgba(200,107,255,.88));
  color:#08111f; font-weight:900;
}
.view-grid.hidden, .view-list.hidden, .folder-view.hidden, .folder-section.hidden, .hidden, .hidden-by-search { display:none !important; }
.view-list { display:flex; flex-direction:column; gap:1rem; }
.library-list-row { display:grid; grid-template-columns: 96px 1fr; gap:1rem; align-items:start; }
.library-list-cover-wrap { display:flex; }
.library-list-cover { width:96px; height:96px; border-radius:20px; object-fit:cover; }
.library-list-main { display:flex; flex-direction:column; gap:.8rem; }
.library-list-top { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.empty-library { text-align:center; padding:1.4rem; }
.clamp-2, .clamp-3 {
  display:-webkit-box;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.clamp-2 { -webkit-line-clamp:2; }
.clamp-3 { -webkit-line-clamp:3; }
@media (max-width: 920px) {
  .library-list-row { grid-template-columns: 1fr; }
  .library-list-cover { width:100%; height:auto; aspect-ratio:1/1; }
}
@media (max-width: 640px) {
  .library-toolbar-row, .library-list-top { flex-direction:column; align-items:stretch; }
  .view-field { min-width: 0; width:100%; }
  .view-switch > *, .filter-chips > * { flex:1 1 auto; }
}


.sort-field { min-width: 220px; }
.creator-status-panel { position: sticky; top: 1rem; }
.status-progress-top { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.progress-track { position:relative; width:100%; height:14px; border-radius:999px; overflow:hidden; background:rgba(7,15,29,.09); }
.progress-bar { width:0%; height:100%; border-radius:999px; background:linear-gradient(90deg, rgba(89,241,255,.98), rgba(200,107,255,.98), rgba(68,255,180,.92)); box-shadow:0 8px 24px rgba(109,113,255,.25); transition:width .5s ease; }
.generation-overlay { position:fixed; inset:0; background:rgba(4,8,18,.38); display:grid; place-items:center; z-index:80; padding:1rem; }
.generation-overlay-card { width:min(520px, 100%); text-align:center; }
.spinner-ring { width:84px; height:84px; border-radius:50%; border:6px solid rgba(255,255,255,.45); border-top-color:rgba(89,241,255,.95); border-right-color:rgba(200,107,255,.95); margin:0 auto; animation:spin 1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.overlay-meta { display:flex; justify-content:space-between; align-items:center; gap:1rem; font-weight:800; }
.overlay-meta span { color:var(--soft-text); }
.toast { position:fixed; right:1rem; bottom:1rem; z-index:90; min-width:280px; padding:1rem 1.15rem; border-radius:20px; background:rgba(255,255,255,.88); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.45); box-shadow:0 20px 40px rgba(0,0,0,.22); display:flex; flex-direction:column; gap:.25rem; transform:translateY(20px); opacity:0; transition:opacity .25s ease, transform .25s ease; }
.toast.show { transform:translateY(0); opacity:1; }
.profile-grid { align-items:start; }
.profile-stats { margin-bottom:1rem; }
.profile-panels { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:.85rem; }
@media (max-width: 920px) { .profile-panels { grid-template-columns:1fr; } }
@media (max-width: 640px) { .sort-field { min-width:0; width:100%; } .toast { left:1rem; right:1rem; min-width:0; } }


.grid-4 { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:1rem; }
@media (max-width: 920px) { .grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) { .grid-4 { grid-template-columns: 1fr; } }
.bulk-actions { display:flex; gap:.65rem; flex-wrap:wrap; align-items:flex-end; }
.bulk-actions select { min-width: 180px; }
.library-layout { display:grid; grid-template-columns: 240px 1fr; gap:1rem; align-items:start; }
.folder-sidebar { position:sticky; top:1rem; }
.folder-dropzone-list { display:flex; flex-direction:column; gap:.65rem; margin-top:.8rem; }
.folder-dropzone { text-align:left; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.7); color:var(--text); border-radius:16px; padding:.85rem .95rem; cursor:pointer; font-weight:700; }
.folder-dropzone.is-over { outline:2px dashed rgba(89,241,255,.95); transform:translateY(-1px); }
.song-card { position:relative; }
.select-check { position:absolute; top:.8rem; left:.8rem; z-index:2; }
.select-check input { display:none; }
.select-check span { width:24px; height:24px; border-radius:10px; display:block; border:1px solid rgba(255,255,255,.45); background:rgba(7,15,29,.28); box-shadow:0 8px 18px rgba(0,0,0,.18); }
.select-check input:checked + span { background:linear-gradient(135deg, rgba(89,241,255,.92), rgba(200,107,255,.92)); border-color:transparent; }
.favorite-toggle { position:absolute; top:.8rem; right:.8rem; z-index:2; width:40px; height:40px; border-radius:999px; border:1px solid rgba(255,255,255,.42); background:rgba(7,15,29,.28); color:white; font-size:1.1rem; cursor:pointer; }
.favorite-toggle.is-on { background:linear-gradient(135deg, rgba(255,203,70,.95), rgba(255,157,0,.95)); color:#08111f; }
.btn-danger { background:linear-gradient(135deg, rgba(255,91,143,.92), rgba(255,126,95,.92)); color:white; border:none; }
.wrap { flex-wrap:wrap; }
.wave-player { position:relative; overflow:hidden; }
.waveform { display:grid; grid-template-columns: repeat(12, 1fr); gap:.3rem; height:48px; align-items:end; }
.waveform span { display:block; height:20%; border-radius:999px; background:linear-gradient(180deg, rgba(89,241,255,.95), rgba(200,107,255,.95)); opacity:.7; transform-origin:center bottom; animation:waveIdle 1.6s ease-in-out infinite; }
.waveform span:nth-child(2n) { animation-duration: 1.2s; }
.waveform span:nth-child(3n) { animation-duration: 1.8s; }
.wave-player:not(.is-playing) .waveform span { animation-play-state: paused; height:16%; opacity:.45; }
.wave-player.is-playing .waveform span:nth-child(1) { height:35%; }
.wave-player.is-playing .waveform span:nth-child(2) { height:80%; }
.wave-player.is-playing .waveform span:nth-child(3) { height:55%; }
.wave-player.is-playing .waveform span:nth-child(4) { height:90%; }
.wave-player.is-playing .waveform span:nth-child(5) { height:40%; }
.wave-player.is-playing .waveform span:nth-child(6) { height:72%; }
.wave-player.is-playing .waveform span:nth-child(7) { height:56%; }
.wave-player.is-playing .waveform span:nth-child(8) { height:88%; }
.wave-player.is-playing .waveform span:nth-child(9) { height:42%; }
.wave-player.is-playing .waveform span:nth-child(10) { height:78%; }
.wave-player.is-playing .waveform span:nth-child(11) { height:52%; }
.wave-player.is-playing .waveform span:nth-child(12) { height:68%; }
@keyframes waveIdle { 0%,100% { transform:scaleY(.8); } 50% { transform:scaleY(1.08); } }
.small { font-size:.88rem; }
.is-dragging { opacity:.55; }
.share-page.narrow { max-width:760px; margin:0 auto; }
@media (max-width: 920px) { .library-layout { grid-template-columns: 1fr; } .folder-sidebar { position:static; } }


/* v6.6 additions */
.mini-player{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;display:grid;grid-template-columns:64px 1fr minmax(220px,32vw);gap:1rem;align-items:center;padding:1rem 1.1rem;background:rgba(255,255,255,.18);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.mini-player.hidden{display:none}
.mini-player-cover{width:64px;height:64px;border-radius:16px;object-fit:cover}
.mini-player-copy{min-width:0}
.mini-player-copy strong,.mini-player-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-player-progress{height:6px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;margin-top:.55rem}
.mini-player-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#00f0ff,#8b5cf6,#ff4fd8)}
@media (max-width:900px){.mini-player{grid-template-columns:52px 1fr;gap:.75rem;padding:.85rem 1rem}.mini-player audio{grid-column:1 / -1;width:100%}}


/* ===== v6.6.1 premium sticky player ===== */
.wave-player audio { display:none !important; }
.wave-player { position:relative; overflow:hidden; }
.waveform { cursor:pointer; }
.wave-ui { display:flex; flex-direction:column; gap:.7rem; }
.wave-ui-top { display:grid; grid-template-columns:auto 1fr auto; gap:.85rem; align-items:center; }
.wave-play-btn, .mini-control {
  border:none; cursor:pointer; font:inherit; font-weight:800;
  display:grid; place-items:center;
  background:linear-gradient(135deg, rgba(89,241,255,.95), rgba(200,107,255,.92));
  color:#08111f; box-shadow:0 12px 28px rgba(109,113,255,.22);
}
.wave-play-btn { width:52px; height:52px; border-radius:18px; font-size:1.1rem; }
.wave-meta { min-width:0; display:flex; flex-direction:column; gap:.15rem; }
.wave-meta strong, .wave-meta span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wave-state { color:var(--soft-text); font-size:.88rem; font-weight:700; }
.wave-time { font-variant-numeric:tabular-nums; color:var(--soft-text); font-size:.92rem; }
.wave-progress-track { height:8px; border-radius:999px; background:rgba(7,15,29,.09); overflow:hidden; }
.wave-progress-fill { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg, rgba(89,241,255,.98), rgba(200,107,255,.95), rgba(68,255,180,.92)); box-shadow:0 8px 20px rgba(109,113,255,.2); }
.wave-player.is-active { border-color:rgba(89,241,255,.45); box-shadow:0 18px 42px rgba(74,125,255,.18); }

.mini-player {
  position:fixed; left:50%; transform:translateX(-50%); bottom:1rem; z-index:80;
  width:min(1180px, calc(100% - 1rem));
  display:grid; grid-template-columns:88px minmax(0, 1fr) auto minmax(180px, 230px);
  gap:1rem; align-items:center; padding:1rem 1.15rem;
  background:rgba(13,20,34,.72); backdrop-filter:blur(28px);
  border:1px solid rgba(255,255,255,.18); border-radius:28px;
  box-shadow:0 28px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
}
.mini-player.hidden { display:none; }
.mini-player-cover { width:88px; height:88px; border-radius:22px; object-fit:cover; box-shadow:0 16px 40px rgba(0,0,0,.22); }
.mini-player-track { min-width:0; display:flex; flex-direction:column; gap:.55rem; }
.mini-player-track strong { color:#fff; font-size:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mini-player-track small { color:rgba(255,255,255,.72); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mini-player-seek-wrap { display:grid; grid-template-columns:56px 1fr 56px; gap:.75rem; align-items:center; color:rgba(255,255,255,.78); font-size:.86rem; font-variant-numeric:tabular-nums; }
.mini-player-seek, .mini-volume {
  appearance:none; height:6px; border-radius:999px; background:rgba(255,255,255,.16); outline:none;
}
.mini-player-seek::-webkit-slider-thumb, .mini-volume::-webkit-slider-thumb {
  appearance:none; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.mini-player-visualizer { width:100%; height:64px; border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); }
.mini-player-progress { height:5px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.mini-player-progress span { display:block; height:100%; width:0; background:linear-gradient(90deg, #59f1ff, #c86bff, #44ffb4); }
.mini-player-controls { display:flex; align-items:center; gap:.7rem; }
.mini-control { width:54px; height:54px; border-radius:18px; font-size:1.05rem; }
.mini-play { width:62px; height:62px; border-radius:20px; font-size:1.25rem; }
.mini-player-side { display:flex; align-items:center; gap:.7rem; justify-self:end; width:100%; }
.mini-muted { flex:0 0 auto; }
.mini-volume { width:100%; }
.mini-player-side audio { display:none !important; }
body { padding-bottom:140px; }

@media (max-width: 920px) {
  .mini-player { grid-template-columns:72px 1fr auto; width:calc(100% - .75rem); padding:.85rem; border-radius:24px; }
  .mini-player-cover { width:72px; height:72px; border-radius:18px; }
  .mini-player-side { grid-column:2 / -1; justify-self:stretch; }
  .mini-player-visualizer { height:48px; }
}
@media (max-width: 640px) {
  body { padding-bottom:180px; }
  .mini-player { grid-template-columns:56px 1fr; gap:.7rem; bottom:.5rem; }
  .mini-player-cover { width:56px; height:56px; border-radius:16px; }
  .mini-player-controls { grid-column:1 / -1; justify-content:center; }
  .mini-player-side { grid-column:1 / -1; }
  .mini-player-seek-wrap { grid-template-columns:48px 1fr 48px; gap:.5rem; }
  .wave-ui-top { grid-template-columns:auto 1fr; }
  .wave-time { grid-column:1 / -1; }
}

/* ===== v6.6.3 cohesive premium sticky player ===== */
.wave-player audio { display:none !important; }
.mini-player {
  position: fixed;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  display: block;
}
.mini-player.hidden { display:none !important; }
.sticky-player-shell {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  padding: 1rem 1.1rem;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.24);
  background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.14));
  backdrop-filter: blur(28px) saturate(130%);
  box-shadow: 0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.28);
}
.sticky-player-main {
  display: grid;
  grid-template-columns: 88px minmax(0,1fr) auto auto;
  gap: 1rem;
  align-items: center;
}
.sticky-player-art-button {
  width: 88px; height: 88px; padding: 0; border: 0; background: transparent; cursor: pointer;
}
.mini-player-cover {
  width: 88px; height: 88px; border-radius: 24px; object-fit: cover;
  box-shadow: 0 16px 30px rgba(0,0,0,.25);
}
.sticky-player-copy { min-width: 0; display:flex; flex-direction:column; gap:.65rem; }
.sticky-player-copy-top strong,
.sticky-player-copy-top small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sticky-player-copy-top strong { font-size: 1.15rem; font-family:'Space Grotesk',sans-serif; }
.sticky-player-copy-top small { color: var(--soft-text); }
.sticky-player-wave-wrap {
  position: relative;
  height: 86px;
  border-radius: 22px;
  padding: .6rem .75rem;
  background: linear-gradient(135deg, rgba(7,15,29,.18), rgba(255,255,255,.12));
  border: 1px solid rgba(255,255,255,.18);
  overflow: hidden;
}
.mini-player-visualizer { width:100%; height:100%; display:block; }
.mini-player-seek {
  position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer;
}
.sticky-player-time-row {
  display:flex; justify-content:space-between; gap:1rem; font-size:.88rem; color:var(--soft-text);
  font-variant-numeric: tabular-nums;
}
.sticky-player-controls, .sticky-player-side {
  display:flex; align-items:center; gap:.65rem;
}
.mini-control {
  width: 46px; height: 46px; border-radius: 16px; border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.16); color: #08111f; cursor: pointer; font-size: 1rem; font-weight: 800;
  box-shadow: 0 14px 30px rgba(0,0,0,.14);
}
.mini-control.is-primary {
  width: 58px; height: 58px; border-radius: 20px; border: 0;
  background: linear-gradient(135deg, rgba(89,241,255,.96), rgba(200,107,255,.92));
}
.mini-volume { width: 120px; accent-color: #59f1ff; }
.sticky-player-queue {
  display:grid; grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); gap:.7rem;
  padding-top: .1rem;
}
.queue-item {
  display:flex; align-items:center; gap:.75rem; text-align:left; padding:.7rem .8rem; border-radius:18px;
  border:1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.12); cursor:pointer;
}
.queue-item img { width:46px; height:46px; object-fit:cover; border-radius:14px; }
.queue-item span { min-width:0; display:flex; flex-direction:column; }
.queue-item strong, .queue-item small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.queue-item small { color: var(--soft-text); }
.queue-item.is-current {
  background: linear-gradient(135deg, rgba(89,241,255,.22), rgba(200,107,255,.18));
  border-color: rgba(89,241,255,.42);
}
.mini-player.is-minimized .sticky-player-copy,
.mini-player.is-minimized .sticky-player-side,
.mini-player.is-minimized .sticky-player-queue {
  display:none;
}
.mini-player.is-minimized .sticky-player-main {
  grid-template-columns: 72px minmax(0,1fr) auto;
}
.mini-player.is-minimized .sticky-player-controls { justify-self:end; }
.mini-player.is-minimized .sticky-player-art-button,
.mini-player.is-minimized .mini-player-cover { width:72px; height:72px; }

.wave-player {
  border-radius: 24px;
  padding: 1rem 1rem 1.1rem;
  background: linear-gradient(135deg, rgba(255,255,255,.48), rgba(255,255,255,.24));
  border: 1px solid rgba(255,255,255,.22);
}
.wave-ui { gap: .85rem; }
.wave-ui-top {
  display:grid; grid-template-columns:auto 1fr auto; gap:.85rem; align-items:center;
}
.wave-play-btn {
  width: 56px; height: 56px; border-radius: 18px; border: 0; cursor:pointer; font-weight:900;
  background: linear-gradient(135deg, rgba(89,241,255,.96), rgba(200,107,255,.92));
  box-shadow: 0 14px 32px rgba(109,113,255,.26);
}
.wave-progress-track {
  position: relative; height: 12px; border-radius: 999px; cursor:pointer;
  background: rgba(7,15,29,.10); overflow:hidden;
}
.wave-progress-fill {
  position:absolute; inset:0 auto 0 0; width:0%; border-radius:999px;
  background: linear-gradient(90deg, rgba(89,241,255,.96), rgba(200,107,255,.92), rgba(68,255,180,.92));
}
.wave-time, .wave-state { color: var(--soft-text); font-size: .9rem; }
.wave-meta strong { display:block; margin-bottom:.1rem; }
.wave-player.is-active { box-shadow: 0 16px 42px rgba(109,113,255,.18); }

@media (max-width: 980px) {
  .sticky-player-main { grid-template-columns: 78px minmax(0,1fr) auto; }
  .sticky-player-side { grid-column: 2 / -1; justify-content:flex-end; }
}
@media (max-width: 720px) {
  .mini-player { left: 10px; right: 10px; bottom: 10px; }
  .sticky-player-shell { border-radius: 24px; padding: .85rem; }
  .sticky-player-main { grid-template-columns: 68px minmax(0,1fr); gap:.8rem; }
  .sticky-player-controls, .sticky-player-side { grid-column: 1 / -1; justify-content:space-between; }
  .sticky-player-art-button, .mini-player-cover { width:68px; height:68px; border-radius: 18px; }
  .sticky-player-copy-top strong { font-size: 1rem; }
  .sticky-player-wave-wrap { height: 70px; }
  .mini-control { width:42px; height:42px; border-radius:14px; }
  .mini-control.is-primary { width:52px; height:52px; }
  .mini-volume { flex:1 1 auto; width:auto; }
}


/* v6.6.4 unified sticky-player cleanup */
.track-inline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:20px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.34)}
.track-inline .panel-actions{margin-left:auto}
.play-sticky{min-width:180px}
.play-sticky.is-playing{background:linear-gradient(135deg, rgba(68,255,180,.95), rgba(89,241,255,.95));color:#07111f;border:none}
.small{font-size:.92rem}
.mini-player{left:14px;right:14px;bottom:14px}
.sticky-player-shell{background:linear-gradient(135deg, rgba(255,255,255,.84), rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.42);box-shadow:0 28px 70px rgba(7,15,29,.28)}
.sticky-player-main{grid-template-columns:92px minmax(0,1fr) auto auto;gap:1rem;align-items:center}
.sticky-player-wave-wrap{height:82px;border-radius:22px}
.sticky-player-controls .mini-control.is-primary{min-width:64px;height:64px;border-radius:22px;font-size:1.2rem}
.mini-control{width:52px;height:52px;border-radius:18px}
.sticky-player-side{gap:.55rem}
.queue-item{background:rgba(255,255,255,.62)}
@media (max-width: 860px){.track-inline{flex-direction:column;align-items:stretch}.track-inline .panel-actions{margin-left:0}.sticky-player-main{grid-template-columns:76px minmax(0,1fr);}.sticky-player-controls,.sticky-player-side{grid-column:1/-1}}


/* v6.6.5 final unified sticky player */
#mini-player.mini-player{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9999;
  padding:0 18px 18px;
  background:transparent;
  border:none;
  box-shadow:none;
  display:block;
}
#mini-player.mini-player.hidden{display:none !important}
#mini-player .sticky-player-shell{
  width:100%;
  max-width:1440px;
  margin:0 auto;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(19,24,40,.78), rgba(24,28,48,.62));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 80px rgba(4,8,18,.42);
  backdrop-filter:blur(28px) saturate(140%);
  -webkit-backdrop-filter:blur(28px) saturate(140%);
  overflow:hidden;
}
#mini-player .sticky-player-main{
  display:grid;
  grid-template-columns:92px minmax(0,1.4fr) auto minmax(220px,.9fr);
  align-items:center;
  gap:18px;
  padding:16px 18px;
}
#mini-player .sticky-player-art-button{
  width:92px;height:92px;border-radius:24px;border:none;padding:0;overflow:hidden;
  background:rgba(255,255,255,.08);cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.22);
}
#mini-player .mini-player-cover{width:100%;height:100%;object-fit:cover;display:block}
#mini-player .sticky-player-copy{min-width:0;display:flex;flex-direction:column;gap:10px}
#mini-player .sticky-player-copy-top strong{
  display:block;color:#fff;font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#mini-player .sticky-player-copy-top small{
  display:block;color:rgba(255,255,255,.72);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#mini-player .sticky-player-wave-wrap{
  position:relative;height:72px;border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}
#mini-player .mini-player-visualizer{width:100%;height:100%;display:block}
#mini-player .mini-player-seek{
  position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;
}
#mini-player .sticky-player-time-row{
  display:flex;justify-content:space-between;color:rgba(255,255,255,.72);font-size:.82rem;font-variant-numeric:tabular-nums;
}
#mini-player .sticky-player-controls,
#mini-player .sticky-player-side{display:flex;align-items:center;gap:10px}
#mini-player .sticky-player-side{justify-self:end}
#mini-player .mini-control{
  width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
#mini-player .mini-control:hover{transform:translateY(-1px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}
#mini-player .mini-control.is-primary{
  width:56px;height:56px;border-radius:18px;border:none;color:#0c1222;
  background:linear-gradient(135deg,#62f4ff,#ad7bff 55%,#ff6fd8);
  box-shadow:0 12px 30px rgba(102,186,255,.35);
}
#mini-player .mini-volume{
  width:120px;accent-color:#7ee7ff;cursor:pointer;
}
#mini-player .sticky-player-queue{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;
  padding:0 18px 18px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)
}
#mini-player .sticky-player-queue.hidden{display:none !important}
#mini-player .queue-item{
  display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer
}
#mini-player .queue-item img{width:48px;height:48px;border-radius:14px;object-fit:cover}
#mini-player .queue-item strong,#mini-player .queue-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mini-player .queue-item small{color:rgba(255,255,255,.7)}
#mini-player .queue-item.is-current{outline:2px solid rgba(98,244,255,.6);background:rgba(98,244,255,.12)}
#mini-player audio{display:none !important}
#mini-player.mini-player.is-minimized .sticky-player-copy,
#mini-player.mini-player.is-minimized .sticky-player-side,
#mini-player.mini-player.is-minimized .sticky-player-queue{display:none !important}
#mini-player.mini-player.is-minimized .sticky-player-main{grid-template-columns:72px auto auto;justify-content:space-between}
#mini-player.mini-player.is-minimized .sticky-player-art-button{width:72px;height:72px;border-radius:20px}
body.has-sticky-player{padding-bottom:138px}
@media (max-width: 1100px){
  #mini-player .sticky-player-main{grid-template-columns:84px minmax(0,1fr) auto;}
  #mini-player .sticky-player-side{grid-column:2 / -1;justify-self:stretch}
}
@media (max-width: 760px){
  #mini-player.mini-player{padding:0 10px 10px}
  #mini-player .sticky-player-shell{border-radius:24px}
  #mini-player .sticky-player-main{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:14px}
  #mini-player .sticky-player-art-button{width:72px;height:72px;border-radius:18px}
  #mini-player .sticky-player-controls,
  #mini-player .sticky-player-side{grid-column:1 / -1;justify-self:stretch}
  #mini-player .sticky-player-controls{justify-content:flex-start}
  #mini-player .sticky-player-side{justify-content:space-between}
  #mini-player .mini-volume{flex:1;min-width:88px;max-width:180px}
  #mini-player .sticky-player-wave-wrap{height:58px}
  body.has-sticky-player{padding-bottom:190px}
}

/* v6.6.5b wide slim bottom player */
body.has-sticky-player{padding-bottom:112px}
#mini-player.mini-player{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
#mini-player .sticky-player-shell{
  width:100%;
  border-radius:0 !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  border-left:none !important;
  border-right:none !important;
  border-bottom:none !important;
  background:linear-gradient(180deg, rgba(9,16,33,.92), rgba(8,13,29,.96)) !important;
  box-shadow:0 -18px 40px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(22px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(140%) !important;
  padding:14px 26px !important;
}
#mini-player .sticky-player-main{
  grid-template-columns:72px minmax(220px,340px) minmax(280px,1fr) auto auto !important;
  gap:18px !important;
  align-items:center !important;
}
#mini-player .sticky-player-art-button{
  width:72px !important;
  height:72px !important;
  border-radius:16px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
}
#mini-player .sticky-player-copy{gap:8px !important}
#mini-player .sticky-player-copy-top strong{
  color:#fff !important;
  font-size:1rem !important;
  line-height:1.1 !important;
}
#mini-player .sticky-player-copy-top small{
  color:rgba(255,255,255,.68) !important;
  font-size:.88rem !important;
}
#mini-player .sticky-player-wave-wrap{
  height:52px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  padding:6px 8px !important;
}
#mini-player .sticky-player-time-row{
  color:rgba(255,255,255,.72) !important;
  font-size:.82rem !important;
}
#mini-player .sticky-player-controls,
#mini-player .sticky-player-side{gap:8px !important}
#mini-player .mini-control{
  width:42px !important;
  height:42px !important;
  border-radius:12px !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:none !important;
}
#mini-player .mini-control.is-primary{
  width:54px !important;
  height:54px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#45e7ff,#8c68ff,#ff69d4) !important;
  color:#091326 !important;
}
#mini-player .mini-volume{width:120px !important}
#mini-player .sticky-player-queue{
  position:absolute;
  right:18px;
  bottom:88px;
  width:min(360px,calc(100vw - 36px));
  max-height:50vh;
  overflow:auto;
  border-radius:18px;
  background:rgba(11,18,34,.94);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 20px 48px rgba(0,0,0,.35);
}
#mini-player.is-minimized .sticky-player-shell{padding:10px 18px !important}
#mini-player.is-minimized .sticky-player-main{
  grid-template-columns:56px minmax(180px,280px) auto !important;
}
#mini-player.is-minimized .sticky-player-copy{display:flex !important}
#mini-player.is-minimized .sticky-player-wave-wrap,
#mini-player.is-minimized .sticky-player-time-row,
#mini-player.is-minimized .sticky-player-side,
#mini-player.is-minimized .sticky-player-queue{display:none !important}
#mini-player.is-minimized .sticky-player-controls{justify-self:end}
@media (max-width: 1100px){
  #mini-player .sticky-player-main{
    grid-template-columns:64px minmax(180px,1fr) auto auto !important;
  }
  #mini-player .sticky-player-copy{min-width:0}
  #mini-player .sticky-player-side{justify-self:end}
  #mini-player .mini-volume{width:88px !important}
}
@media (max-width: 820px){
  body.has-sticky-player{padding-bottom:126px}
  #mini-player .sticky-player-shell{padding:12px 14px !important}
  #mini-player .sticky-player-main{
    grid-template-columns:56px minmax(0,1fr) auto !important;
    gap:12px !important;
  }
  #mini-player .sticky-player-art-button{width:56px !important;height:56px !important;border-radius:14px !important}
  #mini-player .sticky-player-copy-top strong{font-size:.95rem !important}
  #mini-player .sticky-player-wave-wrap{grid-column:1 / -1;height:44px !important}
  #mini-player .sticky-player-time-row{grid-column:1 / -1}
  #mini-player .sticky-player-controls{justify-self:center}
  #mini-player .sticky-player-side{display:none !important}
}


/* ===== v6.7 corrected full-width slim sticky player ===== */
body.has-sticky-player{padding-bottom:94px !important}
#mini-player.mini-player{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  z-index:9999 !important;
}
#mini-player.hidden{display:none !important}
#mini-player .sticky-player-shell{
  width:100% !important;
  border-radius:0 !important;
  padding:12px 18px !important;
  background:linear-gradient(180deg, rgba(8,12,22,.92), rgba(11,15,27,.96)) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 -12px 30px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
}
#mini-player .sticky-player-main{
  display:grid !important;
  grid-template-columns:minmax(220px, 320px) minmax(320px, 1fr) minmax(260px, 360px) !important;
  gap:18px !important;
  align-items:center !important;
}
#mini-player .sticky-player-left,
#mini-player .sticky-player-center,
#mini-player .sticky-player-right{min-width:0}
#mini-player .sticky-player-left{display:flex;align-items:center;gap:14px;min-width:0}
#mini-player .sticky-player-art-button{
  width:58px !important;height:58px !important;border-radius:14px !important;overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;background:rgba(255,255,255,.06) !important;padding:0 !important;flex:0 0 auto !important;
}
#mini-player .mini-player-cover{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
#mini-player .sticky-player-copy{display:flex !important;flex-direction:column !important;gap:3px !important;min-width:0 !important}
#mini-player .sticky-player-copy-top strong{font-family:'Space Grotesk',sans-serif !important;font-size:1rem !important;line-height:1.1 !important;color:#fff !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mini-player .sticky-player-copy-top small{font-size:.82rem !important;color:rgba(255,255,255,.62) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mini-player .sticky-player-center{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
#mini-player .sticky-player-controls{display:flex !important;align-items:center !important;justify-content:center !important;gap:12px !important}
#mini-player .mini-control{
  width:38px !important;height:38px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.1) !important;
  background:rgba(255,255,255,.06) !important;color:#fff !important;display:grid !important;place-items:center !important;
  font-size:14px !important;cursor:pointer !important;transition:transform .15s ease, background .15s ease, border-color .15s ease !important;
}
#mini-player .mini-control:hover{transform:translateY(-1px);background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.18) !important}
#mini-player .mini-control.is-primary{
  width:46px !important;height:46px !important;
  background:linear-gradient(135deg, #59f1ff, #c86bff) !important;color:#07111f !important;border:none !important;font-size:17px !important;
  box-shadow:0 10px 24px rgba(113,129,255,.28) !important;
}
#mini-player .sticky-player-wave-wrap{
  width:min(640px, 100%) !important;
  height:24px !important;
  position:relative !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
#mini-player .mini-player-visualizer{position:absolute;inset:0;width:100% !important;height:100% !important;opacity:.9 !important}
#mini-player .mini-player-seek{
  position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;opacity:0 !important;cursor:pointer !important;
}
#mini-player .sticky-player-time-row{display:flex !important;justify-content:space-between !important;width:min(640px, 100%) !important;color:rgba(255,255,255,.65) !important;font-size:.76rem !important;font-variant-numeric:tabular-nums}
#mini-player .sticky-player-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}
#mini-player .mini-volume{
  width:112px !important;appearance:none;height:4px;border-radius:999px;background:rgba(255,255,255,.22) !important;outline:none !important;
}
#mini-player .mini-volume::-webkit-slider-thumb,
#mini-player .mini-player-seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 0 3px rgba(89,241,255,.26)}
#mini-player .mini-volume::-moz-range-thumb,
#mini-player .mini-player-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 0 3px rgba(89,241,255,.26)}
#mini-player .sticky-player-queue{
  margin-top:10px !important;padding-top:10px !important;border-top:1px solid rgba(255,255,255,.07) !important;
  display:grid !important;grid-template-columns:repeat(auto-fit, minmax(220px,1fr));gap:10px !important;
}
#mini-player .sticky-player-queue.hidden{display:none !important}
#mini-player .queue-item{
  display:flex !important;align-items:center !important;gap:10px !important;text-align:left !important;
  padding:10px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.04) !important;color:#fff !important;
}
#mini-player .queue-item img{width:42px !important;height:42px !important;border-radius:10px !important;object-fit:cover !important}
#mini-player .queue-item strong,#mini-player .queue-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mini-player .queue-item small{color:rgba(255,255,255,.62)}
#mini-player .queue-item.is-current{background:rgba(89,241,255,.12) !important;outline:1px solid rgba(89,241,255,.3)}
#mini-player audio{display:none !important}
#mini-player.is-minimized .sticky-player-center,
#mini-player.is-minimized .sticky-player-right,
#mini-player.is-minimized .sticky-player-queue{display:none !important}
#mini-player.is-minimized .sticky-player-shell{padding:10px 18px !important}
#mini-player.is-minimized .sticky-player-main{grid-template-columns:minmax(0,1fr) auto !important}
#mini-player.is-minimized .sticky-player-left{min-width:0}
#mini-player.is-minimized .sticky-player-art-button{width:48px !important;height:48px !important}
@media (max-width: 980px){
  body.has-sticky-player{padding-bottom:136px !important}
  #mini-player .sticky-player-main{grid-template-columns:minmax(0,1fr) auto !important;gap:14px !important}
  #mini-player .sticky-player-left{grid-column:1 / 2 !important}
  #mini-player .sticky-player-center{grid-column:1 / -1 !important;order:3;align-items:stretch}
  #mini-player .sticky-player-right{justify-content:flex-end !important}
  #mini-player .sticky-player-wave-wrap,
  #mini-player .sticky-player-time-row{width:100% !important}
}
@media (max-width: 640px){
  body.has-sticky-player{padding-bottom:148px !important}
  #mini-player .sticky-player-shell{padding:10px 12px !important}
  #mini-player .sticky-player-main{grid-template-columns:minmax(0,1fr) !important;gap:10px !important}
  #mini-player .sticky-player-left{width:100% !important}
  #mini-player .sticky-player-right{justify-content:space-between !important}
  #mini-player .mini-volume{width:96px !important}
  #mini-player .sticky-player-copy-top strong{font-size:.94rem !important}
}


/* ===== AI-Music v7 authoritative bottom player override ===== */
body.has-sticky-player{padding-bottom:96px !important}
#mini-player.mini-player{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  z-index:99999 !important;
  display:block !important;
}
#mini-player.hidden{display:none !important}
#mini-player .sticky-player-shell{
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  margin:0 !important;
  padding:10px 18px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-radius:0 !important;
  background:linear-gradient(180deg, rgba(8,13,24,.82), rgba(8,13,24,.94)) !important;
  backdrop-filter:blur(22px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.2) !important;
  box-shadow:0 -12px 40px rgba(0,0,0,.28) !important;
}
#mini-player .sticky-player-main{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:minmax(220px, 320px) minmax(320px, 1fr) minmax(180px, 260px) !important;
  align-items:center !important;
  gap:18px !important;
}
#mini-player .sticky-player-left,
#mini-player .sticky-player-center,
#mini-player .sticky-player-right{min-width:0 !important}
#mini-player .sticky-player-left{display:flex !important;align-items:center !important;gap:14px !important}
#mini-player .sticky-player-art-button{
  width:58px !important;height:58px !important;min-width:58px !important;
  border:none !important;border-radius:14px !important;overflow:hidden !important;
  padding:0 !important;cursor:pointer !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
}
#mini-player .mini-player-cover{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
#mini-player .sticky-player-copy{display:flex !important;flex-direction:column !important;gap:2px !important;min-width:0 !important}
#mini-player .sticky-player-copy-top strong{
  color:#fff !important;font-family:'Space Grotesk',sans-serif !important;
  font-size:1rem !important;line-height:1.1 !important;
  white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
}
#mini-player .sticky-player-copy-top small{
  color:rgba(255,255,255,.62) !important;font-size:.82rem !important;
  white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
}
#mini-player .sticky-player-center{display:flex !important;flex-direction:column !important;align-items:center !important;gap:8px !important}
#mini-player .sticky-player-controls{display:flex !important;align-items:center !important;justify-content:center !important;gap:12px !important}
#mini-player .mini-control{
  width:38px !important;height:38px !important;display:grid !important;place-items:center !important;
  border-radius:999px !important;border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.05) !important;color:#fff !important;
  box-shadow:none !important;cursor:pointer !important;padding:0 !important;
}
#mini-player .mini-control:hover{background:rgba(255,255,255,.11) !important;border-color:rgba(255,255,255,.18) !important;transform:none !important}
#mini-player .mini-control.is-primary{
  width:48px !important;height:48px !important;
  background:linear-gradient(135deg, rgba(89,241,255,.98), rgba(200,107,255,.98)) !important;
  color:#08111f !important;border:none !important;font-weight:800 !important;
}
#mini-player .sticky-player-wave-wrap{position:relative !important;width:min(720px,100%) !important;height:18px !important}
#mini-player .mini-player-visualizer{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;opacity:.95 !important}
#mini-player .mini-player-seek{
  position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
  margin:0 !important;opacity:0 !important;cursor:pointer !important;
}
#mini-player .sticky-player-time-row{
  width:min(720px,100%) !important;display:flex !important;justify-content:space-between !important;
  color:rgba(255,255,255,.62) !important;font-size:.74rem !important;font-variant-numeric:tabular-nums !important;
}
#mini-player .sticky-player-right{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important}
#mini-player .mini-volume{
  width:110px !important;accent-color:#7dd3fc !important;
  background:transparent !important;
}
#mini-player .sticky-player-queue{
  position:absolute !important;left:18px !important;bottom:100% !important;margin-bottom:10px !important;
  width:min(420px, calc(100vw - 36px)) !important;max-height:340px !important;overflow:auto !important;
  padding:10px !important;border-radius:18px !important;
  background:rgba(9,14,24,.92) !important;border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.35) !important;
}
#mini-player .sticky-player-queue.hidden{display:none !important}
#mini-player .queue-item{
  width:100% !important;display:grid !important;grid-template-columns:42px 1fr !important;gap:10px !important;align-items:center !important;
  padding:8px !important;border:none !important;border-radius:12px !important;color:#fff !important;
  background:transparent !important;text-align:left !important;cursor:pointer !important;
}
#mini-player .queue-item:hover{background:rgba(255,255,255,.06) !important}
#mini-player .queue-item img{width:42px !important;height:42px !important;border-radius:10px !important;object-fit:cover !important}
#mini-player .queue-item small{color:rgba(255,255,255,.6) !important}
#mini-player .queue-item.is-current{background:rgba(89,241,255,.12) !important;outline:1px solid rgba(89,241,255,.28) !important}
#mini-player audio{display:none !important}
#mini-player.is-minimized .sticky-player-center,
#mini-player.is-minimized .sticky-player-right,
#mini-player.is-minimized .sticky-player-queue{display:none !important}
#mini-player.is-minimized .sticky-player-shell{padding:8px 18px calc(8px + env(safe-area-inset-bottom, 0px)) !important}
#mini-player.is-minimized .sticky-player-main{grid-template-columns:minmax(220px,1fr) auto !important}
@media (max-width: 980px){
  body.has-sticky-player{padding-bottom:120px !important}
  #mini-player .sticky-player-shell{padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important}
  #mini-player .sticky-player-main{grid-template-columns:minmax(0,1fr) auto !important;gap:14px !important}
  #mini-player .sticky-player-left{grid-column:1 / 2 !important}
  #mini-player .sticky-player-center{grid-column:1 / -1 !important;order:3 !important;align-items:stretch !important}
  #mini-player .sticky-player-right{justify-content:flex-end !important}
  #mini-player .sticky-player-wave-wrap,
  #mini-player .sticky-player-time-row{width:100% !important}
}
@media (max-width: 640px){
  body.has-sticky-player{padding-bottom:132px !important}
  #mini-player .sticky-player-shell{padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important}
  #mini-player .sticky-player-main{grid-template-columns:minmax(0,1fr) !important;gap:10px !important}
  #mini-player .sticky-player-left{width:100% !important}
  #mini-player .sticky-player-right{justify-content:space-between !important}
  #mini-player .mini-volume{width:94px !important}
  #mini-player .sticky-player-copy-top strong{font-size:.92rem !important}
}