*{box-sizing:border-box}body{margin:0;background:#0b0b10;color:#f8f8fb;font:16px system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;background:#0b0b10ee;backdrop-filter:blur(12px);z-index:5}.brand{font-size:24px;font-weight:800}.brand span{opacity:.55}nav{display:flex;gap:24px;color:#bbb}main{width:min(1150px,90%);margin:auto}.hero{margin-top:28px;padding:55px;border-radius:28px;background:linear-gradient(130deg,#2a2637,#111117)}h1{font-size:clamp(42px,7vw,72px);line-height:1;margin:8px 0 18px}.eyebrow{letter-spacing:3px;color:#aaa}.hero p{color:#c1bfca;max-width:650px}.search{display:flex;max-width:650px;margin-top:25px}.search input{flex:1;padding:15px 18px;border:1px solid #34343f;border-radius:14px 0 0 14px;background:#15151d;color:white;outline:0}.search button,.playlist button{border:0;background:#fff;color:#111;font-weight:700;padding:0 20px;border-radius:0 14px 14px 0;cursor:pointer}.adslot{margin:24px 0;height:90px;border:1px dashed #333;color:#666;display:grid;place-items:center;font-size:12px}section{margin:42px 0}h2{font-size:28px}.chips{display:flex;gap:10px;overflow:auto}.chip{white-space:nowrap;padding:11px 17px;border-radius:22px;border:1px solid #30303a;background:#17171e;color:#ddd;cursor:pointer}.chip:hover{background:#fff;color:#111}.head{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.card{background:#15151c;border:1px solid #292932;border-radius:18px;padding:12px}.cover{aspect-ratio:1;border-radius:13px;background:linear-gradient(135deg,#3b3949,#121218);display:grid;place-items:center;font-size:48px}.card h3{margin:11px 0 4px}.card small,.playlist small{color:#999;display:block}.card button{width:100%;margin-top:12px;padding:10px;border:0;border-radius:10px;cursor:pointer}.playlists{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.playlist{background:#15151c;border:1px solid #292932;padding:20px;border-radius:16px}.playlist button{margin-top:14px;border-radius:9px;padding:10px 15px}.about{color:#aaa;line-height:1.7}.about h2{color:white}footer{padding:30px 6%;border-top:1px solid #222;color:#999;display:flex;gap:22px;flex-wrap:wrap}.player{position:fixed;bottom:0;left:0;right:0;background:#17171d;border-top:1px solid #333;padding:12px 5%;display:flex;align-items:center;gap:12px;z-index:10}.player div{margin-right:auto}.player small{display:block;color:#999}.player button{border:0;border-radius:50%;width:38px;height:38px;cursor:pointer}.player a{font-size:13px;color:#aaa}.hidden{display:none}@media(max-width:700px){nav{display:none}.hero{padding:32px 22px}.playlists{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.player a{display:none}}