@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Newsreader:opsz,wght@6..72,400;6..72,600&display=swap";:root{color:#edf2e8;background:#101513;font-family:DM Mono,monospace}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell,.reading{width:min(1160px,100% - 48px);margin:auto}.shell{grid-template-columns:minmax(0,1fr) 320px;gap:0 26px;min-height:100vh;display:grid}header{z-index:2;background:#101513;border-bottom:1px solid #314038;grid-column:1/-1;justify-content:space-between;align-items:center;height:82px;display:flex;position:sticky;top:0}.brand{font:600 22px Newsreader,serif}.brand i,.login>i{color:#101513;background:#d7ff42;border-radius:50%;place-items:center;width:29px;height:29px;margin-right:8px;font:18px Newsreader,serif;display:inline-grid}nav{color:#91a38e;gap:25px;font-size:11px;display:flex}nav .active{color:#d7ff42;border-bottom:1px solid;padding-bottom:4px}.quiet{color:#d7ff42;cursor:pointer;background:0 0;border:0;font-size:11px}.welcome{display:none}.shell>section{border-color:#314038}.shell>section:first-of-type{color:#101513;background:#d7ff42;border:0;grid-area:2/2;align-self:start;margin-top:42px;padding:20px;position:sticky;top:108px}.head{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.head h2{margin:0;font:600 38px Newsreader,serif}.eyebrow{letter-spacing:.13em;color:#ef7145;margin:0 0 10px;font-size:10px}.shell>section:first-of-type .head{display:block}.shell>section:first-of-type .head h2{font-size:29px}.rail{grid-template-columns:1fr;gap:8px;display:grid}.rail>a{color:#eff6e8;background:#15211b;flex-direction:column;justify-content:space-between;min-height:108px;padding:16px;display:flex}.rail>a:nth-child(2){color:#101513;background:#ef7145}.rail>a:nth-child(3){background:#6e72ff}.rail small,.rail p{opacity:.72;margin:0;font-size:10px}.rail strong{font:600 24px Newsreader,serif}.empty-track{color:#edf2e8;background:#15211b;padding:22px;font:22px Newsreader,serif;display:block}.shell>section:nth-of-type(2){border-top:0;grid-area:2/1;padding-top:42px}.shell>section:nth-of-type(2) .head{border-bottom:2px solid #d7ff42;padding-bottom:18px}.shell .head h2{color:#edf2e8}.grid{grid-template-columns:1fr;display:grid}.card{border-bottom:1px solid #314038;grid-template-columns:120px minmax(0,1fr) 90px;gap:0 18px;padding:23px 0;display:grid}.card.read{opacity:.55}.meta{color:#9daf9c;grid-column:1;font-size:10px}.meta time{margin:5px 0;display:block}.meta button{color:#d7ff42;background:0 0;border:0;margin-top:18px}.meta .saved{color:#ef7145}.card>a{grid-area:1/2}.card h3{margin:0;font:600 31px/1.02 Newsreader,serif}.card>p{color:#aebcaf;grid-area:2/2;margin:10px 0;font-size:12px;line-height:1.6}.card footer{color:#aebcaf;flex-direction:column;grid-area:1/3/3;align-items:end;gap:5px;font-size:9px;display:flex}.card footer span{background:#263a2d;padding:3px 6px}.card footer b{color:#ef7145;margin-top:14px;font-weight:400}.card:hover{background:#18221d;padding-left:12px;padding-right:12px}.reading{width:min(760px,100% - 48px);padding:70px 0}.reading h1,.login h1,.page h1{font:600 64px/.94 Newsreader,serif}.reading article{font:20px/1.7 Newsreader,serif}.deck{color:#afc0aa;font:26px/1.3 Newsreader,serif}.login{width:min(500px,100% - 48px);margin:17vh auto}.login form,.page form{margin-top:30px;display:flex}.login input,.page input{color:inherit;background:0 0;border:0;border-bottom:1px solid #edf2e8;flex:1;padding:12px 0}.login button,.page button{color:#101513;background:#d7ff42;border:0;padding:12px 18px}.tracklist{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tracklist>a{color:#101513;background:#d7ff42;min-height:150px;padding:22px}.tracklist strong{margin:15px 0;font:30px Newsreader,serif;display:block}.tracklist p{font-size:11px}@media (width<=850px){.shell{display:block}.shell>section:first-of-type{margin-top:0;position:static}.card{grid-template-columns:90px minmax(0,1fr)}.card footer{display:none}}@media (width<=520px){.shell,.reading{width:calc(100% - 28px)}header{height:68px}nav{gap:12px}.card{grid-template-columns:1fr}.meta,.card>a,.card>p{grid-column:1}.meta{gap:8px;display:flex}.meta time{margin:0}.meta button{margin:0 0 0 auto}.card h3{margin-top:15px;font-size:27px}.tracklist{grid-template-columns:1fr}}