:root{--bg:#14110e;--bg-2:#1c1814;--bg-3:#241e18;--night:#100d0a;--line:#ffecd217;--line-2:#ffecd229;--text:#f2ebdf;--linen:#c9bfb1;--muted:#a69c8e;--faint:#6f665a;--ac:#e9a23b;--ac-ink:#1a1206;--ember:#e5735c;--serif:"Newsreader", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{background:radial-gradient(1100px 560px at 15% -10%, #e9a23b14, transparent 60%), var(--bg);background-attachment:fixed;min-height:100vh}a{color:inherit}button{font:inherit;color:inherit}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:12px}.small{font-size:13px}.boot{min-height:100vh}.top{z-index:10;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line);background:#14110ef5;align-items:center;gap:28px;display:flex;position:sticky;top:0}.logo{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:9px;font-size:30px;line-height:1;text-decoration:none;display:inline-flex}.logo.big{justify-content:center;margin-bottom:12px;font-size:54px}.logo-mark{flex:none;width:.72em;height:.72em}.tabs{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.tab:hover{color:var(--text)}.tab.on{color:var(--ac-ink);background:var(--ac)}main{max-width:1240px;margin:0 auto;padding:0 16px 80px}.lead{padding:34px 0 22px}.lead h1{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(40px,7vw,64px);font-weight:400;line-height:1}.lead p{max-width:60ch;margin:0}.summary{font-family:var(--serif);color:var(--text);font-size:clamp(20px,2.6vw,26px);line-height:1.3;max-width:46ch!important}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px 18px;display:grid}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.card:hover{border-color:var(--line-2)}.card-done{opacity:.55}.card.skel{aspect-ratio:.62;background:linear-gradient(100deg, var(--bg-2) 30%, var(--bg-3) 50%, var(--bg-2) 70%);background-size:300% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.art-wrap{aspect-ratio:1;background:var(--bg-3);position:relative}.art{object-fit:cover;width:100%;height:100%;display:block}.art-empty{background:repeating-radial-gradient(circle,#1d1a16 0 2px,#191612 2px 5px)}.play{cursor:pointer;width:46px;height:46px;color:var(--text);-webkit-backdrop-filter:blur(8px);background:#0f0e0cb8;border:0;border-radius:50%;place-items:center;transition:transform .15s,background .15s;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 18px #00000059}.play:hover{transform:scale(1.06)}.play.on{background:var(--ac);color:var(--ac-ink)}.play svg{display:block}.play.on svg{margin-left:0}.badge{font-family:var(--mono);letter-spacing:.06em;color:var(--ac);pointer-events:none;background:#14110ec7;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:500;position:absolute;top:10px;left:10px}.card-body{flex:1;padding:14px 14px 6px}.title{font-family:var(--serif);letter-spacing:-.005em;margin:0 0 4px;font-size:23px;font-weight:400;line-height:1.08}.artist{color:var(--muted);margin:0;font-size:14px}.artist em{color:var(--text);font-style:italic}.meta{font-family:var(--mono);color:#8a8073;letter-spacing:.02em;min-height:14px;margin:6px 0 0;font-size:11px}.reason{font-family:var(--serif);color:#dcd3c6;margin:10px 0 0;font-size:16px;font-style:italic;line-height:1.35}.reason.muted{font-family:var(--sans);color:var(--muted);font-size:13.5px;font-style:normal}.chips{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.chip{font-family:var(--mono);letter-spacing:.03em;border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:10px}.chip-claude{color:var(--ac);border-color:#e9a23b73}.chip-library{color:#93cfa9;border-color:#82c8a066}.actions{align-items:center;gap:2px;padding:6px 8px 10px;display:flex}.act-link{margin-left:auto}.act{min-width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.act:hover{color:var(--text);background:var(--bg-3)}.act-undo{padding:0 8px;font-size:13px}.am{color:var(--muted);border-radius:9px;align-items:center;gap:5px;margin-left:auto;padding:6px 8px;font-size:13px;text-decoration:none;display:inline-flex}.am:hover{color:var(--text);background:var(--bg-3)}.empty{text-align:center;color:var(--muted);padding:60px 0}.empty p{margin:0 0 18px}.btn{background:var(--ac);color:var(--ac-ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{color:var(--text);border:1px solid var(--line-2);background:0 0}.btn.ghost:hover:not(:disabled){border-color:var(--ac)}.link{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.link:hover{color:var(--text)}.taste{max-width:860px}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;margin-bottom:18px;padding:20px}.panel h2{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:10px;margin:0 0 16px;font-size:11px;font-weight:500;display:flex}.drop{text-align:center;border:1.5px dashed var(--line-2);cursor:pointer;color:var(--muted);border-radius:12px;justify-items:center;gap:6px;padding:28px 16px;transition:border-color .15s,background .15s;display:grid}.drop:hover,.drop.over{border-color:var(--ac);background:#e9a23b0d}.drop strong{color:var(--text);font-weight:600}.drop .hint{color:var(--faint);max-width:46ch;font-size:12.5px}.note{margin:12px 0 0;font-size:13.5px}.pl-list{margin:16px 0 0;padding:0;list-style:none}.pl-list li{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:10px 0;display:grid}.bars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bars li,.prog{grid-template-columns:minmax(110px,200px) 1fr 44px;align-items:center;gap:12px;font-size:14px;display:grid}.bar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar{background:var(--bg-3);border-radius:3px;height:6px;overflow:hidden}.bar>span{background:var(--ac);border-radius:3px;height:100%;display:block}.bars li span:last-child,.prog span:last-child{text-align:right}.prog{grid-template-columns:minmax(130px,200px) 1fr 70px;margin-bottom:10px}.two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.two .panel{margin-bottom:18px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--bg-3);border-radius:999px;padding:5px 10px;font-size:13px}.decades{align-items:flex-end;gap:8px;height:120px;display:flex}.dec{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.dec-bar{background:linear-gradient(to top, #f0a64a8c, var(--ac));border-radius:4px 4px 2px 2px;width:100%;max-width:34px;min-height:3px}.sources{flex-wrap:wrap;gap:6px;margin:16px 0 10px;display:flex}.src{font-family:var(--mono);border:1px solid var(--line-2);color:var(--faint);border-radius:999px;padding:4px 9px;font-size:11px}.src.on{color:var(--text);border-color:#82c8a073}.row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.login{place-content:center;gap:12px;width:min(320px,100% - 32px);min-height:100vh;margin:0 auto;display:grid}.login input{border:1px solid var(--line-2);background:var(--bg-2);height:46px;color:var(--text);border-radius:12px;padding:0 14px;font-size:16px}.login input:focus{border-color:var(--ac);outline:none}.err{color:#ff9b8a;text-align:center;margin:0;font-size:14px}@media (width<=640px){.top{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:10px}.tabs{margin:0 -16px;padding:0 16px;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.title{font-size:19px}.card-body{padding:11px 11px 4px}.reason{font-size:12.5px}.actions{padding:4px 4px 8px}.act{min-width:30px;height:32px}.am{gap:0;padding:6px;font-size:0}.play{width:40px;height:40px;bottom:8px;right:8px}.two{grid-template-columns:1fr}.bars li,.prog{grid-template-columns:minmax(90px,130px) 1fr 40px;font-size:13px}.prog{grid-template-columns:minmax(100px,140px) 1fr 62px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.filters{align-items:center;gap:14px;margin:-6px 0 20px;display:flex}.gchips{scrollbar-width:none;flex:1;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.gchips::-webkit-scrollbar{display:none}.gchip{border:1px solid var(--line-2);color:var(--muted);cursor:pointer;text-transform:capitalize;white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:6px 12px;font-size:13px}.gchip span{color:var(--faint);font-family:var(--mono);margin-left:3px;font-size:11px}.gchip:hover{color:var(--text)}.gchip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.gchip.on span{color:var(--bg);opacity:.6}.sort{flex:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.sort select{background:var(--bg-2);color:var(--text);border:1px solid var(--line-2);font:inherit;border-radius:9px;padding:6px 8px;font-size:16px}@media (width>=641px){.sort select{font-size:13px}}.search-input{border:1px solid var(--line-2);background:var(--bg-2);width:100%;height:54px;color:var(--text);font-size:18px;font-family:var(--sans);border-radius:14px;margin-bottom:18px;padding:0 18px}.search-input:focus{border-color:var(--ac);outline:none}.back{color:var(--muted);margin-bottom:14px;font-size:14px;text-decoration:none;display:inline-block}.back:hover{color:var(--text)}.err-left{color:#ff9b8a}.songs{gap:2px;display:grid}.song{border-radius:12px;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:10px;display:grid}.song:hover{background:var(--bg-2)}.song-art{background:var(--bg-3);border-radius:8px;width:64px;height:64px;position:relative;overflow:hidden}.song-art img{object-fit:cover;width:100%;height:100%;display:block}.play.sm{width:34px;height:34px;bottom:15px;right:15px}.play.sm svg{width:15px;height:15px}.song-title{font-size:15px;font-weight:600}.song-sub{margin-top:2px;font-size:13.5px}.song-reason{color:#d9d1c5;margin-top:6px;font-size:13px;line-height:1.4}.song .chips{margin-top:8px}.song-actions{align-items:center;gap:2px;display:flex}.btn.sm{margin-right:4px;padding:7px 12px;font-size:13px}.act.on{color:var(--ac)}@media (width<=640px){.filters{flex-direction:column;align-items:stretch;gap:10px}.gchips{margin:0 -16px;padding:2px 16px}.sort{align-self:flex-end}.song{grid-template-columns:56px 1fr;gap:12px}.song-art{width:56px;height:56px}.song-actions{grid-column:2;margin-top:-4px}}.bc{font-family:var(--mono);color:var(--muted);border:1px solid var(--line-2);border-radius:7px;margin-left:auto;padding:4px 7px;font-size:11px;font-weight:500;text-decoration:none}.bc:hover{color:#1da0c3;border-color:#1da0c3}.bc+.am{margin-left:4px}.chip-curator{color:#9fc0ff;border-color:#78aaff73}.reason.quote{color:var(--muted);font-style:italic}.seg{background:var(--bg-3);border-radius:999px;margin-bottom:8px;padding:3px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:13.5px}.seg button.on{background:var(--text);color:var(--bg)}.seg-hint{margin:0 0 12px}.role{font-family:var(--mono);letter-spacing:.04em;color:#9fc0ff;vertical-align:2px;border:1px solid #78aaff73;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:10px}.feeds li{grid-template-columns:1fr auto 70px}.feeds li span:last-child{text-align:right}.np{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#1b1916f2;border-radius:16px;align-items:center;gap:12px;width:min(560px,100% - 32px);padding:10px 10px 12px;animation:.25s ease-out np-in;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 40px #00000080}@keyframes np-in{0%{opacity:0;transform:translate(-50%,12px)}}.np-art{object-fit:cover;background:var(--bg-3);border-radius:8px;flex:none;width:44px;height:44px}.np-text{flex:1;min-width:0}.np-title,.np-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-title{font-size:14.5px;font-weight:500}.np-artist{color:var(--muted);font-size:13px}.np-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.np-btn:hover{color:var(--text);background:var(--bg-3)}.np-main{background:var(--ac);width:42px;height:42px;color:var(--ac-ink)}.np-main:hover{background:var(--ac);color:var(--ac-ink);filter:brightness(1.08)}.np-main svg{display:block}.np-bar{cursor:pointer;background:var(--line);height:4px;position:absolute;bottom:0;left:0;right:0}.np-bar span{background:var(--ac);height:100%;transition:width .25s linear;display:block}main:has(~.np){padding-bottom:120px}.title a,.artist a,.meta a,.reason a,.song-sub a,.song-title,.bar-name,.np-title,.np-artist{text-decoration:none}.title a:hover,.artist a:hover,.meta a:hover,.reason a:hover,.song-sub a:hover,.song-title:hover,a.bar-name:hover,.np-title:hover,.np-artist:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.song-title,.np-title,.np-artist{display:block}button.back{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:14px}.page{padding-bottom:20px}.page-top{padding-top:22px}.page-top .back{margin:0}.hero{grid-template-columns:220px 1fr;align-items:end;gap:28px;padding:14px 0 26px;display:grid}.hero-art-wrap{position:relative}.hero-art{aspect-ratio:1;object-fit:cover;background:var(--bg-3);border-radius:14px;width:100%;display:block;box-shadow:0 18px 50px #00000073}.hero-ph{background:repeating-radial-gradient(circle,#1d1a16 0 2px,#191612 2px 5px)}.hero-text{min-width:0}.hero-text h1{font-family:var(--serif);letter-spacing:-.015em;overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(38px,6.5vw,64px);font-weight:400;line-height:1}.hero-text>p{margin:0}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac);font-size:11px;margin:0 0 8px!important}.lead .eyebrow{margin-top:0}.hero-tags{margin-top:14px}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.lib-line{flex-wrap:wrap;align-items:center;gap:4px;display:flex;margin-top:8px!important}.tag-link{text-decoration:none;transition:background .15s}.tag-link:hover{background:var(--line-2)}.note-panel{background:linear-gradient(180deg, #e9a23b0f, transparent 70%), var(--bg-2);border-color:#e9a23b47}.note-text{color:#ece5d9;max-width:70ch;margin:0 0 8px;font-size:16px;line-height:1.55}.about{color:#d9d1c5;max-width:75ch;margin:0 0 8px;line-height:1.6}.sec-hint{margin:-6px 0 12px}.more-link a{color:var(--muted);text-decoration:none}.more-link a:hover{color:var(--text)}.heart{color:#e5735c;vertical-align:-1px;display:inline-flex}.lib-songs{margin:0;padding:0;list-style:none;display:grid}.lib-songs li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:9px 0;font-size:14.5px;display:grid}.lib-songs li:first-child{border-top:0}.ls-name{text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.ls-name:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.ls-sub{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ls-sub a{text-decoration:none}.ls-plays{justify-content:flex-end;align-items:center;gap:6px;min-width:40px;display:inline-flex}.albums{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 14px;display:grid}.album{flex-direction:column;gap:4px;min-width:0;text-decoration:none;display:flex}.album img,.album-ph{aspect-ratio:1;object-fit:cover;background:var(--bg-3);border-radius:10px;width:100%;margin-bottom:4px;transition:transform .2s}.album:hover img{transform:translateY(-2px)}.album-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.album-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.pill{font-family:var(--mono);border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:1px 6px;font-size:10px}.pill-new{border-color:var(--ac);color:var(--ac)}.tiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px 12px;display:grid}.tile{flex-direction:column;gap:6px;min-width:0;text-decoration:none;display:flex}.tile img,.tile-ph{aspect-ratio:1;object-fit:cover;background:var(--bg-3);border-radius:50%;width:100%;transition:transform .2s}.tile-ph{font-family:var(--serif);color:var(--faint);place-items:center;font-size:44px;display:grid}.tile:hover img,.tile:hover .tile-ph{transform:scale(1.03)}.tile-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tile-bar{background:var(--line);border-radius:2px;height:3px;margin:0 18%}.tile-bar span{background:var(--ac);opacity:.7;border-radius:2px;height:100%;display:block}.skel-panel{background:linear-gradient(100deg, var(--bg-2) 30%, var(--bg-3) 50%, var(--bg-2) 70%);background-size:300% 100%;height:160px;animation:1.4s linear infinite shimmer}.skel-text{opacity:.5}@media (width<=640px){.hero{grid-template-columns:1fr;gap:18px;padding-top:12px}.hero-art-wrap,.hero>.hero-art{max-width:220px}.lib-songs li{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.ls-sub{grid-area:2/1}.ls-plays{grid-area:1/2/span 2;align-self:center}.albums{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.tile-name{font-size:12.5px}}.art-link{width:100%;height:100%;display:block}.album-reason{font-family:var(--serif);font-size:19px;font-style:italic;margin-top:14px!important}.album-status{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chip-btn{border:1px solid var(--line-2);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;font-size:13.5px}.chip-btn:hover{color:var(--text)}.chip-btn.on{background:var(--text);border-color:var(--text);color:var(--bg)}.top3{gap:4px;margin:0 0 14px;padding:0;list-style:none;display:grid}.top3 li{grid-template-columns:18px 44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.top3-n{color:var(--ac);text-align:center}.round-play{background:var(--bg-3);width:44px;height:44px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.round-play svg{width:16px;height:16px;display:block}.round-play.on,.round-play:hover{background:var(--ac);color:var(--ac-ink)}.round-play.off{opacity:.3;cursor:default}.top3-text{flex-direction:column;gap:2px;min-width:0;display:flex}.top3-title{font-size:15.5px;font-weight:600;text-decoration:none}.top3-title:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.top3-why{font-family:var(--serif);color:#d9d1c5;font-size:15.5px;font-style:italic}.top3-all{gap:8px}.top3-all svg{width:14px;height:14px;display:block}.tracklist{margin:0;padding:0;list-style:none}.tracklist li{border-top:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 16px auto 44px;align-items:center;gap:10px;min-height:52px;display:grid}.tracklist li:first-child{border-top:0}.tracklist li.on .tl-title{color:var(--ac)}.tl-play{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.tl-play.off{cursor:default}.tl-play>*{grid-area:1/1}.tl-icon{opacity:0;color:var(--text);place-items:center;display:grid}.tl-icon svg{width:15px;height:15px;display:block}.tl-play:hover .tl-n,.tl-play.on .tl-n,.tl-play:focus-visible .tl-n{opacity:0}.tl-play:hover .tl-icon,.tl-play.on .tl-icon,.tl-play:focus-visible .tl-icon{opacity:1}.tl-play.on .tl-icon{color:var(--ac)}.tl-text{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.tl-title{font-size:15px;text-decoration:none}.tl-title:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.tl-time{text-align:right}@media (hover:none){.tl-icon{opacity:1}.tl-n{opacity:0}}.shelf{margin-bottom:40px}.shelf-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.shelf-head h2{font-family:var(--serif);margin:0 0 4px;font-size:30px;font-weight:400;line-height:1.05}.shelf-head p{margin:0}.shelf-all{border:1px solid var(--line-2);min-height:44px;color:var(--text);border-radius:999px;flex:none;align-items:center;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.shelf-all:hover{border-color:var(--ac);color:var(--ac)}.shelf-row{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:250px;grid-auto-flow:column;gap:18px;margin:0 -2px;padding:2px 2px 12px;display:grid;overflow-x:auto}.shelf-row>*{scroll-snap-align:start}.shelf-row .card.skel{aspect-ratio:auto;height:460px}@media (width<=640px){.shelf-head h2{font-size:24px}.shelf-row{grid-auto-columns:72%;gap:12px;margin:0 -16px;padding:2px 16px 12px;scroll-padding-inline:16px}.shelf-all{min-height:40px;padding:0 12px;font-size:13px}}.art-type{box-sizing:border-box;background:radial-gradient(120% 90% at 20% 10%, hsl(var(--h) 45% 30%), hsl(var(--h) 35% 12%) 70%);flex-direction:column;justify-content:flex-end;gap:6px;padding:18px;display:flex}.at-title{font-family:var(--serif);color:#f6efe3;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:28px;line-height:1.02;display:-webkit-box;overflow:hidden}.at-artist{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#f6efe3b3;font-size:11px}.play.busy{opacity:.6;cursor:progress}.nav-search{width:260px;height:42px;color:var(--muted);background:#1f1a15;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:0 14px;display:flex}.nav-search:focus-within{box-shadow:0 0 0 1px #e9a23b8c}.nav-search svg{flex:none}.nav-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.nav-search input::placeholder{color:var(--muted)}.nav-search-btn,.tabbar{display:none}@media (width<=640px){.top{flex-direction:row;justify-content:space-between;align-items:center}.top .tabs,.nav-search{display:none}.nav-search-btn{width:44px;height:44px;color:var(--text);background:#1f1a15;border-radius:50%;place-items:center;display:grid}.tabbar{z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--night);border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:52px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.tabbar a.on{color:var(--ac)}.tabbar svg{display:block}.np{bottom:calc(76px + env(safe-area-inset-bottom))}main{padding-bottom:120px}main:has(~.np){padding-bottom:200px}}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac);margin:0 0 10px;font-size:11px}.muted-eyebrow{color:var(--muted)}.home .lead h1{letter-spacing:-.02em;font-size:clamp(48px,8vw,76px);line-height:.95}.home-summary{max-width:62ch;color:var(--linen);font-size:17px;line-height:1.55;margin:14px 0 0!important}.hero-pick{background:var(--bg-2);border:1px solid var(--line);border-radius:22px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px;margin:8px 0 48px;padding:28px;display:grid}.hp-art{position:relative}.hp-art a,.hp-art img,.hp-ph{aspect-ratio:1;object-fit:cover;background:var(--bg-3);border-radius:14px;width:100%;display:block}.hp-art img{box-shadow:0 24px 60px #00000080}.hp-play{background:var(--ac);width:62px;height:62px;color:var(--ac-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .15s;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 22px #0006}.hp-play:hover{transform:scale(1.05)}.hp-play svg{display:block}.hp-text{min-width:0}.hp-text h2{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:clamp(36px,4.6vw,54px);font-weight:400;line-height:1}.hp-text h2 a,.hp-meta a,.hp-via a{text-decoration:none}.hp-text h2 a:hover,.hp-meta a:hover,.hp-via a:hover{color:var(--ac)}.hp-meta{color:var(--linen);margin:10px 0 0;font-size:18px}.hp-reason{max-width:36ch;font-family:var(--serif);margin:20px 0 0;font-size:22px;font-style:italic;line-height:1.4}.hp-via{color:var(--muted);margin:14px 0 0;font-size:13.5px}.hp-via a{color:var(--linen)}.hp-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.btn.strong{background:var(--text);color:var(--bg)}.btn.quiet{color:var(--muted);background:0 0;padding-inline:10px}.btn.quiet:hover{color:var(--text)}@media (width<=760px){.hero-pick{border-radius:20px;grid-template-columns:1fr;gap:18px;margin-bottom:36px;padding:14px}.hp-play{width:56px;height:56px;bottom:12px;right:12px}.hp-reason{margin-top:12px;font-size:19px}.hp-meta{font-size:15px}.hp-actions .btn{min-height:44px}}.hero-art.round{border-radius:50%}.play.play-center{background:var(--ac);width:76px;height:76px;color:var(--ac-ink);margin:auto;inset:0 auto auto 0;box-shadow:0 10px 26px #00000073}.panel h2 svg{color:var(--ac);flex:none;align-self:center}.genre-lead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.share-card{background:var(--bg-2);border:1px solid var(--line);border-radius:22px;align-items:center;gap:18px;padding:18px 22px;display:flex}.ring{background:conic-gradient(var(--ac) 0 var(--p), #2a241e var(--p) 100%);border-radius:50%;flex:none;place-items:center;width:96px;height:96px;display:grid}.ring span{background:var(--bg-2);width:72px;height:72px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:26px;display:grid}.share-big{font-family:var(--serif);font-size:24px;line-height:1.1}.login-tag{font-family:var(--serif);color:var(--linen);text-align:center;margin:-4px 0 22px;font-size:19px;font-style:italic}@media (width<=640px){.hero-art.round{max-width:200px}.play.play-center{width:68px;height:68px}}.rate{flex:none;align-items:center;gap:2px;display:inline-flex}.rate-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;transition:color .15s,background .15s;display:grid}.rate-btn svg{display:block}.rate-btn:hover{color:var(--text);background:var(--bg-3)}.rate-btn.on.like{color:var(--ac);background:#e9a23b1f}.rate-btn.on.dislike{color:var(--ember);background:#e5735c1f}.rate-btn.on.save{color:var(--text);background:var(--bg-3)}.rate-btn.on svg path{fill:currentColor;fill-opacity:.25}.rate-md .rate-btn{border:1px solid var(--line-2);border-radius:12px;width:44px;height:44px}.rate-md{gap:6px}.hero-actions{align-items:center}.saved-seg{margin-top:18px}.saved-seg .mono{opacity:.6;margin-left:4px;font-size:11px}.saved-songs{margin:0;padding:0;list-style:none}.saved-songs li{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;display:grid}.saved-songs li:first-child{border-top:0}.sl-art{background:var(--bg-3);border-radius:8px;width:52px;height:52px;position:relative;overflow:hidden}.sl-art img{object-fit:cover;width:100%;height:100%;display:block}.sl-art .round-play{background:#14110eb8;width:34px;height:34px;margin:auto;position:absolute;inset:0}.sl-text{flex-direction:column;min-width:0;display:flex}.sl-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;text-decoration:none;overflow:hidden}.sl-artist{color:var(--muted);font-size:13px;text-decoration:none}.sl-title:hover,.sl-artist:hover{color:var(--ac)}.saved-tile .round img,.saved-tile .round .album-ph{border-radius:50%}.saved-tile .rate{margin-top:2px;margin-left:-6px}.saved-tile>a{text-decoration:none;display:block}.hp-ph.art-type{padding:28px}.hp-ph.art-type .at-title{-webkit-line-clamp:3;font-size:clamp(30px,4vw,48px)}.shelf-links{flex:none;gap:8px;display:flex}.shelf-all.quiet{color:var(--muted);border-color:#0000}.shelf-all.quiet:hover{color:var(--ac)}