:root{--bg:#0b0d12;--panel:#141822;--text:#f5f2ea;--muted:#a9a9b2;--accent:#d8b878}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 15% 0,#293044 0,#0b0d12 48%);margin:0;font:16px/1.5 Georgia,serif}main{max-width:1180px;margin:auto;padding:clamp(20px,3vw,42px) clamp(20px,3vw,42px) 24px}header{align-items:baseline;gap:18px;max-width:100%;margin:0 0 22px;display:flex}header h1{white-space:nowrap;margin:0;font-size:clamp(30px,4vw,48px);line-height:1}header p{color:var(--muted);max-width:570px;margin:0;font-size:15px;line-height:1.35}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:12px 0 4px;font:11px/1.2 Arial,sans-serif}.app{grid-template-columns:minmax(310px,430px) minmax(0,1fr);align-items:stretch;gap:28px;display:grid}.player,.lyrics{background:#141822d9;border:1px solid #ffffff18;border-radius:20px;padding:20px;box-shadow:0 20px 70px #0005}.artwork{aspect-ratio:1;isolation:isolate;background:radial-gradient(circle at 50% 30%,#343a47 0,#171b25 48%,#0c0f15 100%);border-radius:13px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.artwork:before{content:"";filter:blur(22px);z-index:-1;background:radial-gradient(circle at 30% 25%,#d8b8782b 0,#0000 43%),radial-gradient(circle at 72% 75%,#6b7fa333 0,#0000 46%);position:absolute;inset:-18%}.artwork img{object-fit:contain;border-radius:13px;width:100%;height:100%;display:block}.artwork img.cover-duet{object-fit:cover;object-position:center 62%}.artwork img.cover-children{object-fit:cover;object-position:center center}.player h2{margin:0;font-size:25px;line-height:1.1}.arrangement{color:var(--accent);margin:4px 0 12px;font:14px/1.25 Arial,sans-serif}.transport{gap:10px;margin:13px 0;display:flex}.transport button,.lyrics button{color:var(--text);cursor:pointer;background:#252b39;border:1px solid #ffffff1c;border-radius:999px;min-width:48px;height:44px;font-weight:700}.transport .primary{background:var(--accent);color:#17130c;min-width:62px}.transport button:hover,.lyrics button:hover{filter:brightness(1.12)}#seek{width:100%;accent-color:var(--accent);cursor:pointer}.times{color:var(--muted);justify-content:space-between;font:12px Arial;display:flex}.state{color:var(--accent);min-height:18px;margin:5px 0;font:12px Arial}.repeat{color:var(--muted);justify-content:space-between;align-items:center;font:13px Arial;display:flex}.repeat select{color:var(--text);background:#252b39;border:0;border-radius:8px;padding:7px}.library{border-top:1px solid #ffffff14;margin-top:14px;padding-top:10px}.libraryHead{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.libraryHead h3{margin:0;font-size:15px}.libraryHead span{color:var(--muted);font:11px Arial}.track{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:7px;display:flex}.track:hover,.track.active{background:#ffffff12}.track.active{outline:1px solid #d8b87855}.thumbnail{background:linear-gradient(145deg,#333a49,#0e1118);border-radius:7px;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.thumbnail img.cover-duet{object-fit:cover;object-position:center 62%}.thumbnail img.cover-children{object-fit:cover;object-position:center center}.track strong{font-size:14px;line-height:1.2;display:block}.track small{color:var(--muted);font:11px Arial;display:block}.lyrics{flex-direction:column;min-height:0;max-height:none;display:flex;overflow:hidden}.lyricsHead{background:var(--panel);flex:none;justify-content:space-between;align-items:center;padding:4px 0 10px;display:flex;position:sticky;top:-20px}.lyrics h2{margin:0;font-size:27px}.lyricsHead button{border-radius:8px;min-width:40px;height:34px;margin-left:5px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--lyric-size,18px)/1.8 Georgia,serif;margin:0}.lyrics pre{flex:1;min-height:0;overflow:auto}.indexPage{flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;max-width:720px;min-height:100vh;display:flex}.indexPage h1{margin:0;font-size:clamp(38px,6vw,66px);line-height:1}.indexPage>p:not(.eyebrow){max-width:430px;color:var(--muted);margin:0}.indexCard{width:min(100%,460px);color:var(--text);background:#141822d9;border:1px solid #ffffff18;border-radius:16px;flex-direction:column;gap:3px;margin-top:12px;padding:22px;text-decoration:none;display:flex;box-shadow:0 20px 70px #0005}.indexCard:hover{background:#1a2030;border-color:#d8b87888}.indexCard span,.indexCard small{color:var(--muted);font:12px Arial}.indexCard strong{font-size:24px}.indexLink{color:var(--accent);margin-top:4px}@media (width<=760px){main{padding:20px 14px}header{margin-bottom:18px;display:block}header h1{white-space:normal;font-size:36px}header p{margin-top:7px;font-size:15px}.app{flex-direction:column;gap:18px;display:flex}.player,.lyrics{padding:16px}.lyrics{height:auto;max-height:none;overflow:visible}.lyricsHead{top:-16px}.lyrics pre{min-height:0;font-size:var(--lyric-size,18px);flex:none;overflow:visible}.indexPage{min-height:100svh;padding:20px 0}.indexCard{padding:19px}}.lyrics{contain:size}@media (width<=760px){.lyrics{contain:none}}.lyrics{contain:none;height:100%;max-height:min(1200px,100vh + 280px)}@media (width<=760px){.lyrics{contain:none;height:auto;max-height:none}}.artwork img{width:100%;height:100%;position:absolute;inset:0}.thumbnail{position:relative}.thumbnail img{width:100%;height:100%;position:absolute;inset:0}.artwork img.cover-duet,.thumbnail img.cover-duet{object-position:center 55%}.artwork img.cover-freedom,.thumbnail img.cover-freedom{object-fit:cover;object-position:center 50%}.releaseCard{gap:0;padding:0;overflow:hidden}.releaseCard img{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--bg);overscroll-behavior:none}body{overscroll-behavior:none;min-height:100vh}.audioTools{justify-content:flex-end;align-items:center;gap:8px;margin:0 0 9px;display:flex}.audioTools .mute{width:38px;min-width:38px;height:34px;padding:0;font-size:16px}.volumeControl{color:var(--muted);align-items:center;gap:7px;font:11px Arial;display:flex}.volumeControl input{width:90px;accent-color:var(--accent);cursor:pointer}.mixMode{gap:0;margin:0 0 9px;display:flex}.mixMode button{color:var(--muted);cursor:pointer;background:#252b39;border:1px solid #ffffff1c;flex:1;padding:7px 9px;font:12px Arial}.mixMode button:first-child{border-radius:8px 0 0 8px}.mixMode button:last-child{border-radius:0 8px 8px 0}.mixMode button.selected{background:var(--accent);color:#17130c;font-weight:700}.visualizerWrap{background:#0d1119;border:1px solid #ffffff10;border-radius:8px;height:34px;margin:0 0 5px;padding:5px 7px}.visualizerWrap canvas{width:100%;height:100%;display:block}footer{color:var(--muted);text-align:center;margin-top:18px;font:12px Arial}footer a{color:var(--accent)}@media (width<=760px){.audioTools{display:none}.visualizerWrap{opacity:.75;height:20px}}