.audio-site{margin:0;background:#0a0b09;color:#f4f4ed;font-family:"Plus Jakarta Sans","Segoe UI",sans-serif;--lime:#caff36;--quiet:#a6aba0}
.shelf{max-width:1450px;margin:auto;padding:36px clamp(16px,4vw,66px) 70px;box-sizing:content-box}
.shelf *{box-sizing:border-box}.shelf a{color:inherit}.shelf h1{font-size:clamp(40px,5.2vw,80px);letter-spacing:-.065em;line-height:1.06;margin:10px 0 12px}.shelf h2{font-size:clamp(22px,2.4vw,31px);letter-spacing:-.045em;margin:0 0 18px}.overline,.toolbar>span,.track time{font:600 12px/1.5 ui-monospace,monospace;letter-spacing:.035em}.overline{color:var(--lime);margin-top:36px}.intro{color:#bfc2b8;margin:0 0 24px;font-size:16px}.intro span,.identity small span{margin:0 .25em;color:#676c60}
.audio-tabs{display:flex;gap:24px;border-bottom:1px solid #30322d}.audio-tabs a{text-decoration:none;padding:0 0 12px;color:var(--quiet)}.audio-tabs a[aria-current]{color:#fff;border-bottom:2px solid var(--lime)}
.shelf .asset-search{margin:0 0 26px;max-width:780px;width:100%}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 15px}.toolbar>span{color:var(--quiet);white-space:nowrap}.toolbar form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar label,.toolbar button,.pages a,.back-audio{font:600 13px/1.4 inherit;font-size:13px}.toolbar label{border:1px solid #393c34;border-radius:6px;padding:7px 9px;color:#b9bdb2}.toolbar select{max-width:140px;background:#11130f;border:0;color:white;font:inherit;cursor:pointer}.toolbar button,.pages a{border:1px solid #42463b;border-radius:6px;background:#1d201a;color:white;padding:8px 14px;cursor:pointer}
.track{display:grid;grid-template-columns:42px minmax(160px,1fr) minmax(120px,1.75fr) 54px 44px;align-items:center;gap:clamp(10px,2vw,28px);padding:17px 14px;border-top:1px solid #2c2e28;min-height:80px}.track:last-child{border-bottom:1px solid #2c2e28}.track:hover,.track:focus-within,.track.active{background:#191c16}.listen,.take{width:40px;height:40px;display:grid;place-items:center;border:0;cursor:pointer}.listen{border-radius:50%;background:#272b23;color:#e9ebdf}.listen:hover,.active .listen,.hero-track .listen{background:var(--lime);color:#141910}.track .listen svg,.take svg{width:19px;height:19px}.pauseicon,.playing .playicon{display:none}.playing .pauseicon{display:block}.identity{min-width:0}.identity a,.identity strong{font-size:16px;line-height:1.2;font-weight:650;letter-spacing:-.02em;text-decoration:none}.identity a:hover{text-decoration:underline}.identity small{display:block;color:var(--quiet);font-size:12px;margin-top:5px}.track time{text-align:right;color:#c4c9bb;font-variant-numeric:tabular-nums}.take{justify-self:end;color:white;text-decoration:none;border-radius:8px}.take:hover{background:#31362a;color:var(--lime)}.take span{display:none}.wave{position:relative;height:36px;color:#737b67}.wave svg{width:100%;height:100%;display:block}.wave input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.wave:focus-within{outline:2px solid var(--lime);outline-offset:3px}.active .wave,.hero-track .wave{color:#a5bd76}.active .wave::after{content:"";position:absolute;height:28px;width:2px;background:var(--lime);left:var(--pos,0%);top:4px;pointer-events:none}.shelf :is(a,button,select):focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.pages{display:flex;gap:16px;align-items:center;justify-content:center;font-size:14px;margin-top:22px}.pages a,.back-audio{text-decoration:none}.back-audio,.rights a{color:var(--lime)}.hero-track{border:1px solid #414733;border-radius:10px;background:#151811;grid-template-columns:48px minmax(120px,.6fr) minmax(120px,2fr) 54px auto}.hero-track .take{display:flex;gap:8px;width:auto;padding:0 14px;border:1px solid #4b5142}.hero-track .take span{display:block}.info-wrap{display:grid;grid-template-columns:2fr 1fr;gap:6%;margin:34px 0 40px}.shelf dl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 12px;margin:0}.shelf dt{color:var(--quiet);font-size:12px}.shelf dd{margin:4px 0 0;font-weight:600}.rights p{color:#c4c9bb}.rights a{margin-right:14px}.audio-status:not(:empty){position:fixed;bottom:16px;background:#262922;color:#fff;padding:12px;z-index:10;border-radius:6px}
@media(max-width:680px){.shelf{padding:22px 12px 52px}.overline{margin-top:24px}.track,.hero-track{grid-template-columns:36px minmax(0,1fr) 48px 36px;column-gap:10px;row-gap:5px;padding:12px 5px}.listen,.take{width:36px;height:36px}.wave{grid-row:2;grid-column:2/5;height:25px}.hero-track .take{width:36px;padding:0;justify-content:center}.hero-track .take span{display:none}.toolbar{align-items:flex-end}.toolbar form{gap:5px}.toolbar label{font-size:12px;padding:5px}.toolbar select{max-width:100px}.toolbar button{padding:5px 8px}.toolbar>span{font-size:11px}.info-wrap{grid-template-columns:1fr;gap:22px}.shelf dl{grid-template-columns:repeat(2,1fr)}.active .wave::after{height:20px;top:2px}.hero-track{padding:12px}}
