:root{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#10110d;color:#eee9dc;font:16px/1.7 system-ui}main{max-width:850px;margin:auto;padding:50px 24px}a{color:#d8bd80}h1{font:clamp(40px,8vw,70px)/1.1 Georgia,serif;margin:30px 0}h1 em{color:#d8bd80}h2{font:28px Georgia,serif}.eyebrow{letter-spacing:.18em;color:#d8bd80;font-size:11px}section{margin:25px 0;padding:25px;border:1px solid #414236;background:#191b13}label{display:block}input{display:block;margin:8px 0 20px;padding:14px;width:100%;font:inherit;color:inherit;background:#10110d;border:1px solid #777}button{font:inherit;cursor:pointer;color:#16180d;background:#d8bd80;padding:12px 18px;border:1px solid #d8bd80;min-height:44px}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f2d997;outline-offset:4px}.toolbar,footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.purchase{padding:18px 0;border-bottom:1px solid #454738}.purchase h3{margin:0}.muted{color:#b1b1a5}#status{color:#ddc381;min-height:28px}footer{margin:35px 0}@media(max-width:500px){section{padding:18px}main{padding:30px 18px}}

.purchase .den-player{margin:22px 0;max-width:620px}.purchase .den-track h3{font:500 30px/1.2 Georgia,serif}.purchase .den-timeline input{padding:0;border:0}.purchase>button{border-radius:8px}.purchase .den-player-status{color:#bab3a2}.den-player .den-transport{margin-bottom:0}.den-player .den-volume input{margin:0;padding:0;border:0;background:transparent}