:root{--bg:#050505;--fg:#f1f1ef;--muted:#929292;--line:#292929;--green:#0aa04f}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:"DM Mono",monospace}body{margin:0}a{color:inherit}header{max-width:1240px;min-height:86px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-size:42px}.brand span,h1 span{color:var(--green)}nav{display:flex;gap:30px;font-size:14px}nav a{color:#bbb;text-decoration:none}nav a:hover,nav .active{color:var(--green)}main{max-width:1000px;margin:auto;padding:95px 28px 140px}h1{font-size:clamp(42px,7vw,72px);font-weight:400;letter-spacing:-.055em;margin:0 0 90px}.song{display:grid;grid-template-columns:40px 1fr 310px;gap:28px;padding:45px 0;border-top:1px solid var(--line)}.num,.artist,.facts,.meter,.song>a{font-size:11px}.num,.artist{color:var(--muted)}.song h2{font-size:28px;font-weight:400;margin:0 0 8px}.desc{font-size:13px;line-height:1.7;color:#aaa;max-width:540px}.facts{display:flex;gap:16px;color:var(--green);margin:20px 0}.meter{display:flex;align-items:center;gap:10px;margin:20px 0;color:var(--muted)}.bar{display:flex;gap:2px;padding-right:7px;border-right:1px solid var(--line)}.beat{width:6px;height:22px;background:#777}.beat:first-child{background:var(--green);height:29px}.song>a{color:var(--green)}.spotify-player,.spotify-player iframe{width:100%;height:152px;border:0}footer{max-width:1240px;height:86px;margin:auto;padding:0 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}@media(max-width:760px){header{align-items:flex-start;padding-top:22px}.brand{font-size:34px}nav{flex-wrap:wrap;justify-content:flex-end;gap:9px 16px;font-size:11px;max-width:280px}main{padding-top:70px}h1{margin-bottom:55px}.song{grid-template-columns:25px 1fr}.song .spotify-player{grid-column:2}.facts,.meter{flex-wrap:wrap}}
