/* Artist listening room. Intentionally independent of the site and app styles. */
.artist-player{--ap-paper:#f2ecdf;--ap-gold:#d0b385;position:fixed;z-index:8990;right:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--ap-lift,0px));width:410px;max-width:calc(100vw - 24px);color:var(--ap-paper);background:#19211f;border:1px solid #887451;box-shadow:0 16px 54px #0005;font:400 12px/1.5 Inter,system-ui,sans-serif;color-scheme:dark}
.artist-player,.artist-player *{box-sizing:border-box}
.artist-player[hidden],.artist-player [hidden]{display:none!important}
.artist-player button{font:inherit;color:inherit;cursor:pointer;appearance:none;border:0;border-radius:0;background:none;margin:0;text-transform:none;letter-spacing:normal}
.artist-player button:focus-visible,.artist-player input:focus-visible{outline:2px solid var(--ap-gold);outline-offset:3px}
.artist-player button:hover{color:var(--ap-gold)}
.ap-bar{display:flex;align-items:center;gap:4px;padding:12px 10px}
.artist-player .ap-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;padding:10px}
.ap-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.artist-player .ap-play{border:1px solid #a28e69;border-radius:50%;margin-right:8px;color:var(--ap-gold)}
.artist-player .ap-prev{margin-right:2px}
.artist-player .ap-stop svg{width:18px;height:18px}
.ap-play svg{width:19px;height:19px}
.artist-player .ap-summary{flex:1;min-width:0;text-align:left;padding:0 3px}
.ap-overline{display:block;color:var(--ap-gold);font-size:9px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase}
.ap-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 19px/1.35 'Cormorant Garamond',Georgia,serif}
.ap-detail{display:block;color:#c0c2b9;font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-progress{height:2px;background:#ffffff13;overflow:hidden}
.ap-progress span{display:block;height:100%;width:0;background:var(--ap-gold)}
.ap-panel{padding:20px 22px 18px;border-top:1px solid #ffffff20;max-height:min(480px,calc(100dvh - 145px - var(--ap-lift,0px)));overflow:auto;overscroll-behavior:contain}
.ap-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 17px}
.ap-heading h2{font:400 25px/1.1 'Cormorant Garamond',Georgia,serif;margin:0;color:var(--ap-paper)}
.ap-heading span{font-size:9px;color:#c0c2b9;letter-spacing:.1em;text-transform:uppercase}
.ap-list{list-style:none!important;padding:0!important;margin:0 0 17px!important}
.ap-list li{margin:0;padding:0;border-top:1px solid #ffffff13}
.artist-player .ap-track{width:100%;padding:12px 0;display:flex;align-items:center;gap:13px;text-align:left}
.ap-track[aria-current=true]{color:var(--ap-gold)}
.ap-number{font-size:10px;color:#aaa998;font-variant-numeric:tabular-nums}
.ap-track-copy{flex:1;min-width:0}
.ap-track-copy strong{display:block;font-weight:400;font-size:13px}
.ap-track-copy small{display:block;font-size:10px;color:#c0c2b9;line-height:1.7}
.ap-language{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c0c2b9;font-size:10px;margin:0 0 19px}
.ap-language>span{max-width:65%}
.ap-language div{display:flex;gap:4px}
.artist-player .ap-language button{min-width:44px;min-height:44px;padding:8px;border:1px solid #ffffff22;font-size:11px}
.artist-player .ap-language button[aria-pressed=true]{color:var(--ap-gold);border-color:#a28e69;background:#d0b3850c}
.ap-seek-label{display:block;color:#c0c2b9;font-size:10px;margin-bottom:2px}
.artist-player input[type=range]{display:block;accent-color:var(--ap-gold);height:28px;width:100%;margin:0;cursor:pointer}
.artist-player input:disabled{opacity:.4;cursor:default}
.ap-times{display:flex;justify-content:space-between;color:#c0c2b9;font-size:10px;font-variant-numeric:tabular-nums}
.ap-volume{display:flex;align-items:center;gap:12px;margin-top:10px}
.ap-volume label{color:#c0c2b9;font-size:10px}
.artist-player .ap-volume input{flex:1;min-width:0}
.ap-message{margin:0;padding:8px 18px 10px;color:var(--ap-gold);font-size:11px;line-height:1.5}
.artist-player .ap-off{display:flex;align-items:center;gap:8px;margin:18px 0 0;padding:10px 0;min-height:44px;color:#c0c2b9;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #ffffff13;width:100%}
.artist-player .ap-off svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.ap-pill{position:fixed;z-index:8990;right:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--ap-lift,0px));display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;color:#d0b385;background:#19211f;border:1px solid #887451;border-radius:999px;box-shadow:0 10px 34px #0005;font:400 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color-scheme:dark}
.ap-pill[hidden]{display:none!important}
.ap-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.ap-pill:hover{color:#f2ecdf;border-color:#d0b385}
.ap-pill:focus-visible{outline:2px solid #d0b385;outline-offset:3px}
.menu-open .ap-pill{visibility:hidden;pointer-events:none}
.artist-player-open{padding-bottom:var(--ap-space,145px)!important}
.artist-player-visible{scroll-padding-bottom:var(--ap-space,145px)}
.menu-open .artist-player{visibility:hidden;pointer-events:none}
@media(max-width:600px){.ap-pill{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--ap-lift,0px))}.artist-player{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--ap-lift,0px));width:calc(100% - 24px)}.ap-bar{padding:10px 8px;gap:1px}.artist-player .ap-play{margin-right:6px}.ap-title{font-size:18px}.ap-panel{padding:17px 19px}.ap-overline{font-size:8px}.ap-detail{font-size:9px}}
@media(prefers-reduced-transparency:reduce){.artist-player{background:#19211f;backdrop-filter:none}}