@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&family=Noto+Sans+JP:wght@400;500;700&display=swap');
:root{--paper:#f6f3ee;--ink:#202124;--muted:#77736e;--line:#ddd8d0;--accent:#d95b48;--yellow:#f2ca59}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 20%,rgba(242,202,89,.18),transparent 26rem),var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}.home-shell{width:min(100%,880px);min-height:100svh;margin:auto;padding:0 clamp(22px,6vw,56px);display:flex;flex-direction:column}.home-header{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}.mini-mark{display:grid;place-items:center;width:38px;height:38px;border:1.5px solid var(--ink);border-radius:50%;font:800 11px/1 Manrope,sans-serif;letter-spacing:-.08em}.header-note{color:var(--muted);font:700 8px/1 Manrope,sans-serif;letter-spacing:.16em}.home-hero{padding:clamp(72px,14vw,145px) 0 clamp(70px,12vw,120px)}.kicker{margin:0 0 17px;color:var(--accent);font:800 10px/1 Manrope,sans-serif;letter-spacing:.24em}.home-hero h1{margin:0;font:800 clamp(58px,14vw,132px)/.82 Manrope,sans-serif;letter-spacing:-.1em}.byline{margin:29px 0 0;font:500 clamp(17px,3vw,23px)/1.3 "Noto Sans JP",sans-serif}.socials{display:flex;gap:10px;margin-top:38px}.social-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;transition:background .2s,color .2s}.social-icon:hover{background:var(--ink);color:var(--paper)}.social-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.social-icon:nth-child(2) svg{fill:currentColor;stroke:none}.songs{padding-bottom:70px}.section-top{display:flex;align-items:end;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--ink)}.section-top .kicker{margin:0}.section-top h2{margin:0;font:800 clamp(27px,6vw,42px)/1 Manrope,sans-serif;letter-spacing:-.07em}.song-card{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.song-card:hover .song-arrow{transform:translate(4px,-4px)}.song-cover{display:flex;flex-direction:column;justify-content:space-between;width:86px;aspect-ratio:1;padding:10px;border-radius:7px;background:linear-gradient(145deg,var(--yellow),#ef8f6a 54%,#8a70ff);color:#17181b}.song-cover small{font:800 6px/1 Manrope,sans-serif;letter-spacing:.12em}.song-cover b{font:800 21px/.8 Manrope,sans-serif;letter-spacing:-.09em}.song-info b,.song-info small{display:block}.song-info b{font:700 20px/1.2 Manrope,sans-serif}.song-info small{margin-top:7px;color:var(--muted);font-size:12px}.song-arrow{font-size:28px;transition:transform .2s}.home-footer{margin-top:auto;padding:22px 0 26px;color:var(--muted);font:700 8px/1 Manrope,sans-serif;letter-spacing:.14em}.home-footer span{margin:0 8px;color:var(--accent)}@media(max-width:520px){.header-note{font-size:7px}.song-card{grid-template-columns:72px minmax(0,1fr) auto;gap:14px}.song-cover{width:72px}.song-cover b{font-size:18px}.song-info b{font-size:17px}.song-info small{font-size:10px}}