:root{color-scheme:dark;--bg:#111113;--panel:#1c1c1f;--text:#f5f5f4;--muted:#a6a6ae;--accent:#dcff7a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button{color:inherit;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;padding:0 5%}.brand{font-size:29px;letter-spacing:-1.3px;font-weight:800;display:flex;align-items:center;gap:10px}.brandmark{color:var(--accent);font-size:36px;transform:rotate(180deg);letter-spacing:0}.brand-sub{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0;align-self:end;margin-bottom:6px}nav{display:flex;gap:28px;font-size:14px}nav button{padding:0;color:var(--muted)}main{max-width:1600px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:56px 0 46px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 16px}h1{font-size:clamp(38px,4.5vw,64px);line-height:1.08;letter-spacing:-2px;margin:0;font-weight:750}h1 span{color:var(--accent)}.description{color:var(--muted);margin:18px 0 0}.intro-note{width:280px;padding-left:25px;border-left:1px solid #ffffff24}.intro-note>span{font-size:22px;letter-spacing:-.5px}.intro-note p{color:var(--muted);margin:6px 0 23px;font-size:14px}.intro-note small{font-size:14px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}h2{font-size:24px;letter-spacing:-.5px;margin:0}.section-head h2 span{font-size:14px;color:var(--muted);padding-left:8px;font-weight:400}.section-head p{font-size:14px;margin:5px 0 0;color:var(--muted)}.shuffle{border:1px solid #ffffff29;border-radius:30px;padding:10px 19px;font-size:14px}.shuffle:hover{background:#ffffff10}.notice{font-size:14px;color:#b7b7bd;margin:0 0 25px;padding:12px 16px;border-left:2px solid #748245;background:#dcff7a06}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 23px}.card{min-width:0}.cover{padding:0;display:block;width:100%;aspect-ratio:16/9;position:relative;border-radius:12px;overflow:hidden;background:#25252a;text-align:left}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.cover:hover img{transform:scale(1.04)}.cover::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0007);pointer-events:none}.cover .badge{position:absolute;bottom:12px;left:12px;font-size:12px;background:#111b;border:1px solid #ffffff25;padding:3px 7px;border-radius:5px;z-index:1}.cover .card-play{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#171a0d;z-index:1;font-size:16px;box-shadow:0 4px 20px #0005}.card.active .cover{outline:2px solid var(--accent);outline-offset:3px}.card h3{font-size:16px;line-height:1.35;margin:13px 0 4px;font-weight:600;overflow-wrap:anywhere}.card p{font-size:14px;color:var(--muted);margin:0}.card-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;color:#9999a2}.card-bottom a:hover{color:var(--accent)}.card-bottom button{padding:0;font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff16;margin-top:55px;padding:28px 0 155px;color:var(--muted);font-size:14px}footer .brand{color:var(--text);font-size:22px}.player{position:fixed;bottom:0;left:0;right:0;background:#202022f5;backdrop-filter:blur(18px);border-top:1px solid #ffffff20;min-height:92px;padding:16px 4%;display:flex;align-items:center;gap:26px;z-index:5}.now{display:flex;gap:12px;width:30%;min-width:0}.now img{width:52px;height:52px;object-fit:cover;border-radius:6px}.now div{min-width:0}.now strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.transport{display:flex;align-items:center;gap:14px;flex:1}.transport>button{font-size:14px}.transport .play{flex-shrink:0;width:42px;height:42px;background:var(--accent);color:#151a0b;border-radius:50%;padding-left:10px}.transport span{font-size:12px;color:var(--muted)}input{accent-color:var(--accent);width:100%;min-width:40px;height:4px}.download{font-size:14px;white-space:nowrap}dialog{width:min(440px,calc(100% - 32px));border:1px solid #ffffff25;border-radius:18px;padding:25px;background:#202023;color:var(--text)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin:0 auto 24px}dialog h2{font-size:23px}dialog p:not(.eyebrow){color:var(--muted);font-size:14px}.close{position:absolute;right:14px;top:6px;font-size:30px}.primary{display:block;background:var(--accent);color:#161b0b;text-align:center;padding:12px;border-radius:25px;font-weight:600;font-size:14px;margin-top:22px}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#dcff7a;color:#182008;border-radius:10px;z-index:20;width:max-content;max-width:90%;font-size:14px}@media(min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-note{width:220px}.transport input,.transport>span{display:none}.now{width:auto;flex:1}.transport{flex:0}.player{gap:12px}.download{font-size:13px}}@media(max-width:620px){header{height:72px}.brand{font-size:25px}nav{gap:16px}.brand-sub{display:none}.intro{padding:35px 0}.intro-note{display:none}h1{font-size:43px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.section-head{align-items:start;gap:12px}.section-head p{max-width:190px;font-size:13px}.shuffle{font-size:13px;padding:8px 12px;max-width:140px}.notice{font-size:13px}.card h3{font-size:14px}.card p,.card-bottom{font-size:12px}.card-bottom{flex-wrap:wrap;gap:3px}.player{padding:12px 5%;min-height:82px}.now img{width:40px;height:40px}.transport{gap:4px}.download{display:none}.now strong{max-width:145px}.now span{max-width:145px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.transport .play{width:37px;height:37px}footer{flex-wrap:wrap;gap:5px;padding-bottom:115px}footer p{width:100%;margin:0}.cover .card-play{width:34px;height:34px}.cover .badge{font-size:12px}h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.shuffle[aria-pressed="true"]{color:var(--accent);border-color:var(--accent)}

.card .version{font-size:12px;color:#c1c69d;margin-top:5px}

.song-stats{display:flex;gap:12px;color:var(--muted);font-size:12px;margin-top:12px;flex-wrap:wrap}.reactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;width:100%;max-width:180px}.reactions button{white-space:nowrap;min-width:0;text-align:center;border:1px solid #ffffff29;border-radius:20px;padding:7px 12px;font-size:13px;min-height:36px}.reactions button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:#dcff7a12}.stats-note{color:var(--muted);font-size:12px;max-width:740px;margin-top:38px}.stats-note>p:first-child{font-size:15px;color:var(--text)}

/* Book section navigation. */
header nav{align-items:center}
.book-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid var(--accent);border-radius:24px;color:var(--accent);font-weight:700}
.book-link:hover{background:var(--accent);color:var(--bg)}
@media(max-width:620px){header{gap:12px;padding-inline:4%}header nav{gap:10px;font-size:12px}.book-link{padding-inline:12px}}
@media(max-width:380px){header .brand{font-size:22px;gap:5px}header nav{gap:8px;font-size:11px}.book-link{padding-inline:9px}}