/* A compact record player anchored beside the portfolio navigation. */
#sound.music-dock{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:7;display:flex;align-items:center;width:224px;height:78px;padding:5px 7px 5px 5px;border:1px solid #ffffff0b;border-radius:17px;background:#101418f2;box-shadow:0 14px 38px #0008,inset 0 1px #ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:Outfit,system-ui,sans-serif;color:#c5c8ca;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s}
#sound.music-dock:hover{border-color:#ffffff24;transform:translateY(-2px)}
#sound.music-dock #header-disc-player{width:72px;height:68px;flex:0 0 72px;border-radius:14px;overflow:hidden}
#sound.music-dock #header-disc-player>div{transform:scale(.23)!important;transform-origin:0 0!important}
#sound.music-dock .music-dock-controls{display:flex;flex:1;min-width:0;flex-direction:column;gap:11px;padding-left:10px}
#sound.music-dock button{border:0;background:none;color:#c5c8ca;padding:0;cursor:pointer}
#sound.music-dock button:hover{color:#fff}
#sound.music-dock button:focus-visible,#sound.music-dock input:focus-visible,#sound.music-dock #header-disc-player [role=button]:focus-visible{outline:2px solid #ff9e74;outline-offset:3px}
#music-toggle{display:flex;align-items:center;gap:8px;min-width:0;text-align:left;font:400 12px/1.2 Outfit,system-ui,sans-serif}
#music-toggle svg{width:14px;height:14px;flex:none;fill:currentColor}
#music-toggle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:99px}
#sound[data-playing=true] .music-play-icon,#sound:not([data-playing=true]) .music-pause-icon{display:none}
#sound.music-dock .music-dock-volume{display:flex;align-items:center;gap:8px}
#sound.music-dock .music-dock-volume svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#music-dock-volume{width:67px;height:20px;margin:0;accent-color:#ff9b72;cursor:pointer}
#sound.music-dock .music-dock-open{align-self:stretch;width:13px;display:grid;place-items:center;opacity:.65}
#sound.music-dock .music-dock-open svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
body[data-section=music] #sound.music-dock{border-color:#ff9e7455}
@media(max-width:1350px){#sound.music-dock{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 83px)}}
@media(orientation:landscape) and (max-height:600px){#sound.music-dock{right:max(10px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 58px);width:202px;height:61px;border-radius:13px;padding:4px}#sound.music-dock #header-disc-player{width:53px;height:53px;flex-basis:53px;border-radius:10px}#sound.music-dock #header-disc-player>div{transform:scale(.18)!important}#sound.music-dock .music-dock-controls{gap:5px;padding-left:8px}#music-toggle{font-size:11px}#music-dock-volume{width:60px}}
/* On phone-sized landscape screens, keep the player and navigation compact. */
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 #sound.music-dock{right:max(10px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 64px);width:184px;height:56px;border-radius:12px;padding:4px}
 #sound.music-dock #header-disc-player{width:46px;height:46px;flex-basis:46px;border-radius:9px}
 #sound.music-dock #header-disc-player>div{transform:scale(.155)!important}
 #sound.music-dock .music-dock-controls{gap:4px;padding-left:7px}
 #sound.music-dock button#music-toggle{gap:6px;font-size:10px}
 #music-toggle svg{width:12px;height:12px}
 #music-toggle span{max-width:78px}
 #sound.music-dock .music-dock-volume{gap:6px}
 #sound.music-dock .music-dock-volume svg{width:14px;height:14px}
 #music-dock-volume{width:49px;height:17px}
 #sound.music-dock .music-dock-open{width:10px}
 #sound.music-dock .music-dock-open svg{width:11px;height:11px}
}
@media(prefers-reduced-motion:reduce){#sound.music-dock{transition:none}}