@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--ink:#e8e5dc;--muted:#949690;--paper:#171b1d;--card:#222729;--lime:#aab29c;--line:#3b4140}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC",serif}.noise{pointer-events:none;position:fixed;inset:0;opacity:.1;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:6}.brand{font-size:20px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.04em}.brand span{font:12px "DM Mono";color:var(--muted);margin-left:4px}.nav nav{display:flex;gap:32px}.nav nav a,.footer a{font:12px "DM Mono";color:var(--muted);text-decoration:none}.sound-toggle{border:1px solid var(--line);color:var(--lime);background:transparent;border-radius:100%;height:32px;width:32px;font-size:18px}.hero{min-height:620px;padding:108px 0 84px;position:relative;overflow:hidden}.eyebrow{font:11px "DM Mono";letter-spacing:.16em;color:var(--lime);margin:0 0 18px}.hero h1,.section-head h2{font-size:clamp(43px,6.1vw,78px);line-height:1.18;letter-spacing:-.075em;font-weight:500;margin:0}.hero h1 em,.section-head em{font-style:normal;color:#aeb5aa}.intro{font-size:16px;color:var(--muted);line-height:2;margin:30px 0;width:min(350px,100%)}.enter{display:inline-flex;gap:34px;border-bottom:1px solid var(--ink);padding:0 0 9px;color:var(--ink);text-decoration:none;font-size:14px}.enter span{color:var(--lime)}.hero-art{position:absolute;right:9%;top:77px;width:335px;height:420px;opacity:.9}.hero-art:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #59605a;left:19px;top:41px}.hero-art i{position:absolute;border-radius:50%;background:#899382;filter:blur(1px)}.hero-art i:nth-child(1){width:14px;height:14px;top:50px;left:0}.hero-art i:nth-child(2){width:42px;height:42px;bottom:34px;right:0;background:#69736b}.hero-art i:nth-child(3){width:8px;height:8px;bottom:100px;left:2px}.hero-art b{font:500 142px/1 "Noto Serif SC";letter-spacing:-.22em;position:absolute;top:130px;left:60px;color:#d0cabe;text-shadow:20px 20px 0 #283031}.player-section,.lyrics,.comments{padding:104px 0;border-top:1px solid var(--line)}.section-head{margin-bottom:44px}.section-head h2{font-size:clamp(36px,4.5vw,60px)}.listen-grid{display:grid;grid-template-columns:1fr .94fr;gap:64px}.track-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.track{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:22px 0;cursor:pointer;transition:.25s}.track:hover,.track.active{color:var(--lime)}.track-no,.track-year{font:11px "DM Mono";color:var(--muted)}.track-title{font-size:21px}.track.active .track-no:after{content:"  ▸";color:var(--lime)}.now-playing{background:var(--card);padding:32px;min-height:385px;position:relative;overflow:hidden}.disc{height:170px;width:170px;border-radius:50%;background:repeating-radial-gradient(circle,#303637 0 2px,#202526 3px 5px);display:grid;place-items:center;float:right;margin:-10px -9px 10px 24px;animation:spin 18s linear infinite}.disc-label{width:67px;height:67px;border-radius:50%;background:#aab29c;color:#25302c;display:grid;place-items:center;text-align:center;font-size:11px;line-height:1.25}.now-label{font:11px "DM Mono";letter-spacing:.15em;color:var(--lime);margin:0;padding-top:32px}.now-playing h3{font-size:41px;margin:14px 0 4px;font-weight:500}.now-playing>p:not(.now-label){font-size:13px;color:var(--muted);margin:0}.embed-note{font-size:11px;color:var(--muted);clear:both;padding-top:55px}iframe{width:100%;height:86px;margin-top:7px;position:relative;z-index:2}.lyric-card{background:#d4d0c5;color:#313736;min-height:440px;padding:34px 8%;position:relative}.lyric-top{display:flex;justify-content:space-between;color:#606760;font:12px "DM Mono"}.lyric-top button{border:0;background:none;color:#455447;font:12px "DM Mono";cursor:pointer}.lyric-lines{padding:54px 0 20px;font-size:clamp(20px,3vw,33px);line-height:2;letter-spacing:-.06em}.lyric-line{color:#969992;transition:.45s;transform-origin:left}.lyric-line.active{color:#202825;transform:scale(1.045);font-weight:600}.lyric-tip{font-size:12px;color:#747b74;margin:0}.comment-shell{background:#202526;padding:clamp(28px,6vw,75px);min-height:330px}.comment-card{margin:0;max-width:810px}.quote{font-size:74px;color:var(--lime);line-height:.6}.comment-card p{font-size:clamp(22px,3.2vw,38px);line-height:1.65;letter-spacing:-.05em;margin:12px 0 26px}.comment-card footer{display:flex;gap:15px;font:11px "DM Mono";color:var(--muted)}.comment-card footer span:first-child{color:var(--lime)}.comment-controls{margin-top:43px;display:flex;gap:12px;align-items:center}.comment-controls button{font:12px "DM Mono";height:38px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:0 15px;cursor:pointer}.comment-controls .listen-comment{border-color:var(--lime);color:var(--lime);padding:0 20px}.footer{padding:28px 0 38px;display:flex;justify-content:space-between;gap:15px;font:11px "DM Mono";color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.wrap{width:min(100% - 32px,1120px)}.nav{height:68px}.nav nav{display:none}.hero{min-height:570px;padding-top:84px}.hero-art{transform:scale(.64);transform-origin:top right;right:-20px;top:196px;opacity:.48}.hero h1{position:relative;z-index:1}.intro{margin-top:28px}.enter{position:relative;z-index:1}.player-section,.lyrics,.comments{padding:72px 0}.listen-grid{grid-template-columns:1fr;gap:25px}.track{padding:18px 0}.now-playing{min-height:340px;padding:25px}.disc{height:130px;width:130px}.now-label{padding-top:17px}.embed-note{padding-top:41px}.lyric-card{margin:0 -16px;padding:27px 30px;min-height:390px}.lyric-lines{padding-top:45px}.footer{flex-wrap:wrap}.footer span:nth-child(2){order:3;width:100%}}
