*{box-sizing:border-box;margin:0;padding:0}html,body{background:#fff;color:#000;font-family:Arial,sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}a{color:inherit;text-decoration:none}button{background:#fff;color:#000;border:1px solid #000;font-family:inherit;font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:12px;padding:10px 18px}button.on{background:#000;color:#fff}button.green{background:#228b22;color:#fff;border-color:#228b22}header{border-bottom:1px solid #000;display:flex;align-items:stretch;justify-content:space-between}.wordmark{font-size:22px;letter-spacing:.12em;padding:18px 24px;border-right:1px solid #000}.wordmark span{color:#228b22}header nav{display:flex}header nav a{display:flex;align-items:center;padding:18px 22px;border-left:1px solid #000;font-size:12px;letter-spacing:.06em}header nav a.active{background:#000;color:#fff}.hero{border-bottom:1px solid #000}.hero-line{font-size:clamp(28px,7vw,92px);line-height:1.02;padding:28px 24px 8px}.hero-line b{font-weight:300;color:#228b22}.hero-sub{padding:16px 24px 28px;font-size:13px;max-width:720px;line-height:1.7}.hero-sub .hot{color:#ff7e30}.statline{border-top:1px solid #000;padding:12px 24px;font-size:11px;display:flex;gap:32px;flex-wrap:wrap}.statline b{font-weight:300;color:#228b22}.controls{border-bottom:1px solid #000;display:flex;flex-wrap:wrap;align-items:stretch}.control-block{padding:14px 20px;border-right:1px solid #000;font-size:11px}.control-label{opacity:.55;margin-bottom:8px;font-size:10px}.decades{display:flex;flex-wrap:wrap}.decades button{padding:6px 10px;font-size:11px;border-width:1px;margin:0 6px 6px 0}.dial{width:260px;padding-top:4px}.dial-track{position:relative;height:18px;background:#fff;border:1px solid #000}.dial-fill{position:absolute;top:0;bottom:0;background:#228b22}.dial-handle{position:absolute;top:-5px;width:12px;height:28px;background:#000;touch-action:none}.dial-readout{margin-top:8px;font-size:11px}.dial-readout b{font-weight:300;color:#228b22}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));border-left:1px solid #000}.tile{position:relative;border-right:1px solid #000;border-bottom:1px solid #000;aspect-ratio:1 / 1;overflow:hidden;background:#000}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile-meta{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000db;color:#fff;opacity:0;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;font-size:11px;line-height:1.5}.tile:hover .tile-meta{opacity:1}.tile-name{font-size:13px;margin-bottom:2px}.tile-artist{color:#aaa;margin-bottom:8px}.popbar{height:4px;background:#333;position:relative;margin-top:6px}.popbar i{position:absolute;left:0;top:0;bottom:0;background:#228b22}.popbar.hot i{background:#ff7e30}.popnum{font-size:10px;color:#aaa;margin-top:4px}.sentinel{height:1px}.loading-row{padding:24px;font-size:12px;border-bottom:1px solid #000}.loading-row .blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.searchbar{display:flex;border-bottom:1px solid #000}.searchbar input{flex:1;border:none;outline:none;font-family:inherit;font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:16px;padding:18px 24px;background:#fff;color:#000}.searchbar input::placeholder{color:#999}.searchbar button{border:none;border-left:1px solid #000;padding:0 28px}.detail-head{display:flex;border-bottom:1px solid #000;flex-wrap:wrap}.detail-art{width:280px;border-right:1px solid #000}.detail-art img{width:100%;display:block}.detail-info{padding:24px;flex:1;min-width:260px}.detail-title{font-size:clamp(20px,4vw,44px);line-height:1.05;margin-bottom:10px}.detail-sub{font-size:12px;margin-bottom:16px}.detail-sub a{border-bottom:1px solid #000}.kv{font-size:11px;line-height:2}.kv b{font-weight:300;color:#228b22}.extlinks{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.extlinks a{border:1px solid #000;padding:8px 14px;font-size:11px}.extlinks a.sp{background:#228b22;color:#fff;border-color:#228b22}.tracklist{border-bottom:1px solid #000}.trackrow{display:grid;grid-template-columns:56px 1fr 120px 90px 70px;border-bottom:1px solid #000;font-size:12px;align-items:center}.trackrow:last-child{border-bottom:none}.trackrow>div{padding:12px 16px}.trackrow .num{border-right:1px solid #000;text-align:right;opacity:.5}.trackrow .pop{text-align:right}.trackrow .pop b{font-weight:300;color:#228b22}.trackrow .pop b.hot{color:#ff7e30}.trackrow a.listen{border-bottom:1px solid #000;font-size:11px}.section-label{border-bottom:1px solid #000;padding:14px 24px;font-size:12px;background:#000;color:#fff}.section-label span{color:#228b22}.deeprow{display:grid;grid-template-columns:64px 1fr 90px 90px;border-bottom:1px solid #000;align-items:center;font-size:12px}.deeprow img{width:64px;height:64px;display:block;border-right:1px solid #000}.deeprow>div{padding:10px 16px}.deeprow .meta-sub{font-size:10px;opacity:.55}.empty{padding:40px 24px;font-size:12px;border-bottom:1px solid #000}footer{padding:18px 24px;font-size:10px;opacity:.55}@media (max-width: 700px){.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.trackrow{grid-template-columns:44px 1fr 80px 60px}.trackrow .dur{display:none}.detail-art{width:100%;border-right:none;border-bottom:1px solid #000}}