.panel.svelte-1etqctd{width:min(880px,100%);background-color:#ffffffeb;border:4px solid var(--orange);border-radius:28px;padding:clamp(24px,5vw,44px);text-align:center;box-shadow:0 18px 50px #14326440;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel.has-player.svelte-1etqctd{margin-bottom:120px}h1.svelte-1etqctd{margin:0 0 12px;font-size:clamp(2rem,6vw,3rem);font-weight:800;color:#2c3e50;letter-spacing:-.5px}p.svelte-1etqctd{margin:0 0 18px;color:#34495e;line-height:1.5}.coming-soon.svelte-1etqctd{display:inline-block;margin:0 auto 28px;padding:10px 20px;background:var(--yellow);border:3px solid var(--orange);border-radius:100px;font-weight:700;color:#2c3e50;line-height:1.4}.grid.svelte-1etqctd{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.card.svelte-1etqctd{display:flex;flex-direction:column;gap:10px;width:100%;padding:0;border:none;background:none;font:inherit;cursor:pointer;text-align:center}.art.svelte-1etqctd{position:relative;display:block;border-radius:18px;overflow:hidden;border:3px solid var(--orange);box-shadow:0 8px 20px #1432642e;aspect-ratio:1 / 1;transition:transform .18s ease,box-shadow .18s ease}.art.svelte-1etqctd img:where(.svelte-1etqctd){width:100%;height:100%;object-fit:cover;display:block}.overlay.svelte-1etqctd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.6rem;color:#fff;background:#14285052;opacity:0;transition:opacity .18s ease;text-shadow:0 2px 8px rgba(0,0,0,.45)}.card.svelte-1etqctd:hover .art:where(.svelte-1etqctd){transform:translateY(-4px) rotate(-.5deg);box-shadow:0 14px 30px #14326447}.card.svelte-1etqctd:hover .overlay:where(.svelte-1etqctd),.card.active.svelte-1etqctd .overlay:where(.svelte-1etqctd){opacity:1}.card.active.svelte-1etqctd .art:where(.svelte-1etqctd){border-color:var(--blue)}.name.svelte-1etqctd{font-weight:800;color:#2c3e50;line-height:1.25}.actions.svelte-1etqctd{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.player.svelte-1etqctd{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:20;width:min(720px,calc(100% - 24px));display:flex;align-items:center;gap:14px;padding:12px 16px;background-color:#fffffff5;border:4px solid var(--orange);border-radius:20px;box-shadow:0 14px 40px #1432644d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-art.svelte-1etqctd{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0;border:2px solid var(--orange)}.player-meta.svelte-1etqctd{flex:1;min-width:0}.player-top.svelte-1etqctd{display:flex;align-items:center;gap:12px}.play-btn.svelte-1etqctd{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:3px solid var(--orange);background:var(--yellow);color:#2c3e50;font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s ease}.play-btn.svelte-1etqctd:hover{background:var(--orange)}.player-title.svelte-1etqctd{flex:1;min-width:0;text-align:left;color:#2c3e50;overflow:hidden}.player-title.svelte-1etqctd strong:where(.svelte-1etqctd){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note.svelte-1etqctd{display:block;font-size:.7rem;font-weight:500;color:#8a6d3b}.time.svelte-1etqctd{flex-shrink:0;font-size:.8rem;color:#4a5b6b;font-variant-numeric:tabular-nums}.bar.svelte-1etqctd{margin-top:8px;height:8px;border-radius:100px;background:#73ace04d;cursor:pointer;overflow:hidden}.bar-fill.svelte-1etqctd{height:100%;background:var(--blue);border-radius:100px;transition:width .1s linear}@media(max-width:520px){.time.svelte-1etqctd{display:none}}