:root{--blue:#9bdcff;--muted:#87939f}*{box-sizing:border-box}body{margin:0;background:#0b0e12;color:#d4dce4;font:14px system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.rail{position:fixed;inset:0 auto 0 0;width:74px;border-right:1px solid #2a3542;background:#0e131a;display:flex;align-items:center;flex-direction:column;padding:22px 10px;z-index:10}.brand img{width:34px;height:34px}.rail nav{display:grid;gap:18px;margin-top:35px}.rail nav a{display:grid;place-items:center;font-size:24px;color:#aab8c6;width:44px;height:42px;border-radius:10px}.rail nav a:hover,.rail nav a.selected{background:var(--blue);color:#0b1520}main{margin-left:74px;padding:0 26px 255px}header{padding:20px 0 24px;border-bottom:1px solid #202832}.tabs{display:inline-flex;flex-wrap:wrap;gap:3px;border:1px solid #26313e;border-radius:25px;padding:4px;background:#151b23}.tabs button{border:0;background:transparent;color:#96a2b0;padding:9px 17px;border-radius:20px;font-size:12px;font-weight:700}.tabs button.active{background:#9bdcff;color:#0c1721}.tabs button:hover{color:#edf6ff}#search{display:flex;align-items:center;gap:12px;margin-top:24px;border:1px solid #2a3542;border-radius:26px;background:#151b23;padding:9px 13px 9px 22px}#search>span{font-size:25px;color:#8798a8}#search input{min-width:0;flex:1;background:none;border:0;color:#e3effa;padding:5px;outline:none}#search:focus-within{border-color:var(--blue)}#search button,#retry{background:#20364a;color:var(--blue);border:1px solid #35556e;border-radius:18px;padding:8px 15px}.intro{padding:45px 0 26px;max-width:670px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}h1{font-size:42px;letter-spacing:-1.8px;margin:6px 0 14px}p{line-height:1.7}.intro>p:not(.eyebrow){color:#99a9b9}.intro .small{font-size:12px;color:#697c8f}.discovery{margin:5px 0 35px}.discovery h2,h2{font-size:20px;letter-spacing:-.5px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips button{border:1px solid #2a3a4b;color:#b5cce0;background:#121d29;padding:10px 14px;border-radius:22px}.chips button:hover{border-color:var(--blue)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-top>span,#status{color:#8293a4;font-size:12px}.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px}.track{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:12px;padding:12px;background:transparent;min-width:0;animation:arrive .25s ease-out}.track:hover{background:#141e2b}.track.active{border-color:#3b5c80;background:#172437}.song{padding:0;display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;background:none;border:0;color:inherit}.cover{width:52px;height:52px;background:#20364a;object-fit:cover;border-radius:8px;flex-shrink:0}.details{min-width:0}.title{display:block;font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist{display:block;font-size:11px;color:#8a9bad;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duration{font-size:11px;color:#8a9bad}.tools{display:flex;gap:4px}.tools button{width:28px;height:32px;display:grid;place-items:center;background:none;color:#91a4b6;border:0;font-size:20px}.tools button.saved{color:var(--blue)}.catalog-note{color:#64788c;font-size:11px;margin-top:34px}.player{position:fixed;bottom:12px;left:90px;right:16px;border:1px solid #29394a;border-radius:16px;background:#121b27f5;backdrop-filter:blur(20px);padding:12px 18px;box-shadow:0 -10px 40px #0005;z-index:5}.now{display:flex;align-items:center;gap:12px;margin-bottom:9px;min-height:42px}.now>img{width:44px;height:44px;border-radius:7px;object-fit:cover}.now>div{min-width:0;flex:1}.now strong,.now span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now strong{font-size:13px}.now span{color:#8fa3b6;font-size:11px;margin-top:3px}.now a{display:inline-block;color:var(--blue);font-size:11px;margin-top:4px}#close-player{border:0;background:transparent;color:#97b4cc;font-size:24px}.embed-area{min-height:62px}.embed-area>p{color:#8293a4;text-align:center;font-size:12px}.embed-area iframe{width:100%;height:150px;border:0;border-radius:10px;display:block;background:transparent}#player-help{font-size:10px;color:#90a1b2;margin:4px 0 0}#player-help:empty{display:none}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1600px){.tracks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.rail{width:50px;padding:18px 4px}.brand img{width:28px;height:28px}.rail nav a{width:34px;height:38px;font-size:21px}main{margin-left:50px;padding:0 15px 280px}.tabs{border-radius:12px}.tabs button{padding:8px 10px}.intro{padding-top:25px}h1{font-size:34px}.tracks{grid-template-columns:1fr;gap:5px}.track{padding:10px 5px}.player{left:59px;right:9px;bottom:9px;padding:10px}.tools{gap:1px}#search{padding-left:12px;gap:5px}#search input{font-size:12px}#search button{font-size:11px;padding:8px 11px}}@media(prefers-reduced-motion:reduce){.track{animation:none}}body.calm .track{animation:none}

main{padding-bottom:440px}.player{left:auto;width:min(560px,calc(100vw - 106px))}.embed-area iframe{height:270px;min-height:200px}.player:not(:has(iframe)){left:90px;width:auto}.cover{object-fit:cover}.duration{font-size:10px;white-space:nowrap}@media(max-width:680px){main{padding-bottom:390px}.player{left:59px;width:auto}.embed-area iframe{height:215px}.player:not(:has(iframe)){left:59px}}