.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 26px;border-radius:980px;border:0;cursor:pointer;
  font-size:17px;font-weight:500;letter-spacing:-.01em;background:rgba(255,255,255,.1);transition:transform .4s var(--ease),background .25s,box-shadow .3s;white-space:nowrap}
.pill:hover{transform:scale(1.04)}
.pill:active{transform:scale(.97)}
.pill-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px -8px rgba(250,45,72,.6)}
.pill-primary:hover{background:var(--accent-hover)}
.pill-ghost{background:transparent;color:#ff6b80;border:1px solid rgba(250,45,72,.55)}
.pill-sm{height:32px;padding:0 16px;font-size:13px}
.round-btn{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);cursor:pointer;font-size:20px;display:grid;place-items:center;transition:background .2s,transform .3s var(--ease)}
.round-btn:hover{background:rgba(255,255,255,.22);transform:scale(1.06)}
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 2px 8px rgba(0,0,0,.25),0 20px 50px -20px rgba(0,0,0,.6);border:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.glass{background:rgba(30,30,34,.6);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12)}
.glass-light{background:rgba(28,28,32,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line)}
.panel-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .4s var(--ease);z-index:200}
.panel-backdrop.open{opacity:1;pointer-events:auto}
.panel{position:fixed;top:50%;left:50%;width:min(420px,92vw);max-height:92vh;overflow:auto;padding:28px;border-radius:32px;z-index:201;
  transform:translate(-50%,-46%) scale(.94);opacity:0;pointer-events:none;transition:transform .55s var(--ease),opacity .35s var(--ease);box-shadow:0 40px 120px -20px rgba(0,0,0,.8)}
.panel.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.panel-close{position:absolute;top:16px;right:16px;width:34px;height:34px;font-size:14px;z-index:2}
.panel-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px;margin-bottom:20px;box-shadow:0 24px 60px -20px rgba(0,0,0,.8)}
.panel-title{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:6px}
.panel-artist{font-size:19px;color:#ff6b80;margin-top:6px}
.panel-album{font-size:14px;color:var(--muted);margin-top:4px}
.panel-alt{font-size:12px;color:rgba(255,255,255,.4);margin-top:8px}
.panel-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.panel-actions .pill{flex:1;height:44px;font-size:15px}