/* Brass, walnut and warm studio lighting. The meter is a playback animation, not a calibrated signal reading. */
body.hgp-app .app-player{background:linear-gradient(180deg,#29291fe8,#141811fa),url('archival-paper-v1.webp')!important;border-top:1px solid #ae8c53;box-shadow:0 -10px 36px #0005,inset 0 1px #edd2a222;min-height:118px;gap:24px!important}
body.hgp-app .app-track-info{min-width:0}body.hgp-app .app-track-info>img{border:1px solid #91733f;box-shadow:0 3px 12px #0006;border-radius:4px}body.hgp-app .app-track-info strong{color:#eee5d0;line-height:1.5}body.hgp-app .app-track-info small{color:#c0b594}
body.hgp-app .app-transport-buttons{gap:14px;margin-bottom:12px}
body.hgp-app .app-transport-buttons button{border:1px solid #b89a6555!important;border-radius:50%!important;width:38px;height:38px;min-height:38px!important;color:#dfc797!important;background:linear-gradient(#ffffff09,#00000015)!important;transition:background .18s,border-color .18s}
body.hgp-app .app-transport-buttons button:hover{border-color:#d4b57a!important;background:#bda16822!important}body.hgp-app .app-transport-buttons button:disabled{opacity:.35}
body.hgp-app .app-transport-buttons button.app-play-toggle{width:48px;height:48px;min-height:48px!important;background:linear-gradient(135deg,#eedbb2,#b89a60)!important;color:#171b12!important;box-shadow:0 2px 12px #0007,inset 0 1px #fff8;border:1px solid #edcf98!important}
body.hgp-app .app-skip-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}body.hgp-app .app-transport-buttons button>small{top:15px;font-size:8px;color:inherit}body.hgp-app .app-next-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
body.hgp-app .app-progress{font-size:10px;color:#d0c4aa;gap:13px;letter-spacing:.025em}body.hgp-app .app-progress input[type=range]{appearance:none!important;-webkit-appearance:none!important;height:5px!important;border-radius:5px;background:linear-gradient(to right,#c7a366 0 var(--seek-fill,0%),#555747 var(--seek-fill,0%) 100%)!important;min-width:0;outline-offset:8px}body.hgp-app .app-progress input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#e0bf80;border:2px solid #f1dbb2;box-shadow:0 1px 5px #0008}body.hgp-app .app-progress input::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#e0bf80;border:2px solid #f1dbb2}
body.hgp-app .app-player-extras{gap:12px}body.hgp-app .app-player-extras button{border:1px solid #a68c5b44!important;border-radius:50%;width:36px;height:36px;min-height:36px;padding:0;font-size:21px!important;color:#d4c7a9}body.hgp-app .app-player-extras select{border:1px solid #a68c5b66!important;background:#11160f!important;color:#e1d1ae!important;border-radius:5px;min-height:36px}
body.hgp-app .app-vu{width:65px;flex:none;margin-left:5px;padding:7px 8px 6px;border:1px solid #a38a514d;border-radius:4px;background:#0b100ce0;box-shadow:inset 0 1px 6px #0008}.app-vu-label{display:block;font:6px/1 Arial,sans-serif;letter-spacing:.12em;color:#b8a780;margin-bottom:5px;text-align:center}.app-vu-bars{display:flex;gap:3px;height:19px;align-items:flex-end}.app-vu-bars i{display:block;flex:1;height:100%;background:repeating-linear-gradient(to top,#d4b071 0 3px,#0c110c 3px 4px);transform:scaleY(.14);transform-origin:bottom;opacity:.5;animation:app-vu-dance .83s ease-in-out infinite alternate;animation-play-state:paused}.app-vu-bars i:nth-child(3n){animation-duration:.61s;animation-delay:-.31s}.app-vu-bars i:nth-child(2n){animation-duration:1.03s;animation-delay:-.72s}.app-vu-bars i:nth-child(4n){animation-duration:.74s;animation-delay:-.17s}.app-is-playing .app-vu-bars i{animation-play-state:running;opacity:1}.app-is-playing .app-vu-label{color:#e5c78c}body:not(.app-is-playing) .app-vu-bars i{animation:none;transform:scaleY(.14)}
@keyframes app-vu-dance{0%{transform:scaleY(.22)}35%{transform:scaleY(.7)}65%{transform:scaleY(.42)}100%{transform:scaleY(1)}}
@media(max-width:650px){body.hgp-app .app-player{grid-template-columns:minmax(0,1fr) 132px!important;gap:10px!important;min-height:96px}body.hgp-app .app-player .app-transport-buttons{gap:8px;margin:0}body.hgp-app .app-player .app-transport-buttons button{width:30px;height:30px;min-height:30px!important}body.hgp-app .app-player .app-transport-buttons button.app-play-toggle{width:39px;height:39px;min-height:39px!important}body.hgp-app .app-player .app-vu{width:36px;margin-left:0;padding:5px 4px}.app-player .app-vu-label{display:none}.app-player .app-vu-bars{gap:2px;height:18px}.app-player .app-vu-bars i:nth-child(n+7){display:none}body.hgp-app .app-track-info strong{max-width:calc(100vw - 220px)}body.hgp-app .app-now-playing .app-transport-buttons{gap:12px}body.hgp-app .app-now-playing .app-vu{width:53px}.app-player .app-progress{font-size:9px}}
@media(prefers-reduced-motion:reduce){.app-vu-bars i,.app-is-playing .app-vu-bars i{animation:none!important;transform:scaleY(.14)}.app-is-playing .app-vu-bars i{transform:scaleY(.65)}body.hgp-app .app-transport-buttons button{transition:none}}