/* The listening room: a real audio transport, dressed as a record console. */
.den-player{--progress:0%;position:relative;isolation:isolate;overflow:hidden;margin:18px 0 12px;padding:24px;border:1px solid #d9be8045;border-radius:20px;background:radial-gradient(ellipse at 0 0,#9c713025,transparent 65%),linear-gradient(135deg,#24221b,#131412 70%);box-shadow:0 18px 45px #0004,inset 0 1px #fff1;color:#f0eee5}
.den-player:before{content:'';position:absolute;inset:6px;border:1px solid #ffffff07;border-radius:15px;pointer-events:none}.den-player-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px/1.5 'DM Sans',sans-serif;letter-spacing:.2em;color:#c7ad74}.den-player-badge{border:1px solid #d9be8035;border-radius:20px;padding:4px 8px;white-space:nowrap;letter-spacing:.12em}.den-player-stage{display:flex;align-items:center;gap:22px;padding:23px 0}.den-disc{width:108px;height:108px;flex:0 0 108px;position:relative;border-radius:50%;background:repeating-radial-gradient(circle,#151613 0 2px,#33332a 3px,#151613 4px);box-shadow:0 0 0 1px #bd9d5c55,0 12px 24px #0008;animation:den-spin 14s linear infinite;animation-play-state:paused}.den-disc:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#fff2 45deg,transparent 80deg,transparent 180deg,#fff1 225deg,transparent 270deg)}.den-disc-label{position:absolute;inset:30%;border-radius:50%;background:#d9be80;display:grid;place-items:center;box-shadow:0 0 0 3px #10110f}.den-disc-label img{width:80%;height:80%;object-fit:contain}.den-disc-label:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#151613;box-shadow:0 0 0 1px #d9be80}.den-player.is-playing .den-disc{animation-play-state:running}.den-track{min-width:0}.den-track h3{margin:0 0 5px;font:500 clamp(26px,3vw,36px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.03em}.den-track p{margin:0;color:#bfb9a8;font:12px/1.5 'DM Sans',sans-serif}.den-track small{display:block;margin-top:12px;color:#b49b65;font:9px/1.5 'DM Sans',sans-serif;letter-spacing:.15em}.den-timeline{position:relative;height:48px;margin:2px 0 9px}.den-score{display:flex;align-items:center;justify-content:space-between;gap:3px;height:100%;pointer-events:none;mask-image:linear-gradient(90deg,#000, #000);color:#d9be80}.den-score i{display:block;flex:1;max-width:4px;min-width:1px;border-radius:4px;background:#d9be8038;transition:background .15s}.den-score i.played{background:#e0c68a}.den-timeline input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:.001;cursor:pointer;touch-action:pan-y}.den-timeline:focus-within{outline:2px solid #d9be80;outline-offset:5px;border-radius:3px}.den-playhead{position:absolute;left:var(--progress);top:0;bottom:0;width:1px;background:#f7e7bb;box-shadow:0 0 9px #f3d493;pointer-events:none;max-width:100%}.den-time{display:flex;justify-content:space-between;color:#a9a393;font:10px/1.5 'DM Sans',sans-serif;font-variant-numeric:tabular-nums}.den-transport{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;margin-top:16px;border-top:1px solid #d9be8025}.den-transport button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:0;background:transparent;color:#d9be80;border-radius:50%;touch-action:manipulation}.den-transport button:hover{background:#d9be8015}.den-transport .den-play{width:62px;height:62px;background:linear-gradient(145deg,#ead69e,#b89b5c);color:#161710;box-shadow:0 0 0 5px #d9be8009,0 5px 18px #0005}.den-transport .den-play:hover{background:#f0dca4}.den-play svg{width:25px;height:25px}.den-transport svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.den-player button:focus-visible{outline:2px solid #f0dca4;outline-offset:4px}.den-player-status{margin:12px 0 0!important;color:#bab3a2!important;font:11px/1.5 'DM Sans',sans-serif!important;min-height:17px}.den-player .den-volume{display:flex;align-items:center;gap:5px}.den-volume input{width:64px;accent-color:#d9be80;height:24px}.den-enhanced-audio{display:none}.den-player[hidden]{display:none}.link-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.1em;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;margin-left:.15em}
@keyframes den-spin{to{transform:rotate(360deg)}}
@media(max-width:420px){.den-player{padding:20px}.den-player-stage{gap:18px}.den-disc{width:94px;height:94px;flex-basis:94px}.den-volume input{display:none}.den-player-top{font-size:8px;letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){.den-disc{animation:none}.den-score i{transition:none}}

.den-track h3{overflow-wrap:anywhere}