:root{--bg: #070b08;--bg-layer: #0d1510;--surface: #121a15;--surface-elevated: #18231c;--line: #2a3a2f;--line-strong: #385041;--text: #f2f7f3;--muted: #98a79c;--accent: #1db954;--accent-strong: #1ed760;--danger: #db4f54;--shadow: 0 20px 48px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;color:var(--text);font-family:Circular Std,Avenir Next,Montserrat,Trebuchet MS,sans-serif;background:radial-gradient(circle at 10% -10%,#1a3728 0%,transparent 30%),radial-gradient(circle at 90% 5%,#15291d 0%,transparent 26%),linear-gradient(145deg,var(--bg) 0%,var(--bg-layer) 100%)}h1,h2,p{margin:0}.page-shell{width:min(1200px,calc(100% - 1.5rem));margin:0 auto;padding:1.5rem 0 8rem}.hero-card{border:1px solid var(--line);border-radius:1.2rem;padding:1.25rem;background:linear-gradient(170deg,#1db9542e,#121a15f5 46%);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.74rem}.hero-card h1{margin-top:.4rem;font-size:clamp(1.45rem,3.4vw,2rem)}.subtitle{margin-top:.45rem;color:var(--muted)}.playlist-shell{margin-top:1rem}.song-list-panel{border-radius:1rem;border:1px solid var(--line);background:#0a0e0bb8;box-shadow:var(--shadow);backdrop-filter:blur(12px);padding:1rem}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.panel-head h2{font-size:1.1rem}.panel-head p{color:var(--muted);font-size:.88rem}.song-list{list-style:none;padding:0;margin:.9rem 0 0;display:flex;flex-direction:column;gap:.58rem;max-height:min(66vh,980px);overflow-y:auto;padding-right:.35rem}.song-list::-webkit-scrollbar{width:.5rem}.song-list::-webkit-scrollbar-thumb{border-radius:999px;background:#2b4533}.song-row{display:flex;justify-content:space-between;align-items:center;gap:.9rem;border:1px solid var(--line);border-radius:.78rem;padding:.7rem .78rem;background:#141c17d9;transition:border-color .2s ease,transform .2s ease,background .2s ease;cursor:pointer}.song-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.song-row:focus-visible{outline:2px solid rgba(29,185,84,.8);outline-offset:2px}.song-row[data-active=true]{border-color:#1db954d9;background:#1f493059}.song-meta{min-width:0}.song-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-tags{display:flex;flex-wrap:wrap;gap:.34rem;margin-top:.36rem}.song-tags span{border:1px solid var(--line);border-radius:999px;padding:.08rem .46rem;color:var(--muted);font-size:.77rem;background:#0000002e}button{border:1px solid transparent;border-radius:999px;padding:.46rem .92rem;font-weight:700;font-size:.83rem;letter-spacing:.01em;color:#031108;background:var(--accent);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}button:hover{background:var(--accent-strong);transform:translateY(-1px)}button:active{transform:translateY(0)}button[aria-pressed=true]{border-color:#ffffff61;background:#26cf64}.player-dock{position:fixed;left:50%;bottom:.72rem;transform:translate(-50%);width:min(1100px,calc(100% - .9rem));z-index:40}.player-bar{border:1px solid var(--line-strong);border-radius:999px;padding:.62rem .82rem;background:linear-gradient(160deg,#101813f5,#070c09f5);box-shadow:0 16px 38px #00000080;backdrop-filter:blur(16px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem}.player-meta{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:.18rem;padding-left:.3rem}.player-meta strong{display:block;font-size:.97rem;line-height:1.22;max-width:min(46vw,48ch);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.62rem;line-height:1.1}.player-status{color:var(--muted);font-size:.75rem;line-height:1.25;max-width:min(44vw,40ch);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.32rem}.player-controls button{background:#26382dd6;border:1px solid var(--line);color:var(--text);font-size:.74rem;padding:.38rem .62rem}.player-controls button:hover{background:#34513fe6}.player-controls button[data-player-toggle=random][aria-pressed=true],.player-controls button[data-player-action=play-pause]{background:var(--accent);color:#031108;border-color:transparent}.player-controls button[data-player-action=play-pause]:hover{background:var(--accent-strong)}.player-controls button[data-player-action=stop]{border-color:#db4f546b}.player-engine{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;pointer-events:none;opacity:0}.player-root{width:1px;height:1px;overflow:hidden}.player-frame{width:1px;height:1px;border:0;opacity:0;pointer-events:none}.player-fallback{color:var(--muted);font-size:.7rem}@media(max-width:980px){.page-shell{width:calc(100% - 1rem);padding-bottom:9.2rem}.song-list{max-height:min(56vh,720px)}.player-meta{min-width:0}}@media(max-width:640px){.page-shell{padding-top:1rem;padding-bottom:10rem}.song-list-panel{padding:.78rem}.song-row{align-items:flex-start}.player-dock{bottom:.45rem;width:calc(100% - .65rem)}.player-bar{border-radius:1rem;padding:.6rem .62rem;flex-direction:column;align-items:stretch;display:flex;gap:.32rem}.player-controls{margin-top:0;gap:.34rem;justify-content:space-between}.player-controls button{font-size:.75rem;padding:.38rem .54rem}.player-meta strong,.player-status{max-width:100%}}