.mobile-listening-bar{display:none}@media (width<=800px){body:has(.mobile-listening-bar){padding-bottom:var(--mobile-listening-bar-space,calc(118px + env(safe-area-inset-bottom,0px)))}.mobile-listening-bar{z-index:80;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));color:#eee9de;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080807f5;border-top:1px solid #bca07866;gap:8px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px #0006}.mobile-listening-heading{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;min-height:44px;display:grid}.mobile-listening-song{align-items:center;gap:12px;min-width:0;min-height:44px;display:flex}.mobile-listening-song img{object-fit:cover;border:1px solid #ffffff20;flex:none;width:44px;height:44px;display:block}.mobile-listening-song>span{min-width:0;display:block}.mobile-listening-song small{color:#bca078;letter-spacing:.12em;margin-bottom:4px;font-size:.53rem;font-weight:700;line-height:1.2;display:block}.mobile-listening-song b{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.2;display:block;overflow:hidden}.mobile-listening-dismiss{color:#c8c2b7;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #ffffff25;place-items:center;width:44px;height:44px;padding:0;display:grid}.mobile-listening-dismiss>span{width:14px;height:14px;display:block;position:relative}.mobile-listening-dismiss>span:before,.mobile-listening-dismiss>span:after{content:"";background:currentColor;width:14px;height:1.5px;position:absolute;top:6px;left:0;transform:rotate(45deg)}.mobile-listening-dismiss>span:after{transform:rotate(-45deg)}.mobile-listening-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-listening-links>a{color:#eee9de;letter-spacing:.1em;text-align:center;touch-action:manipulation;border:1px solid #bca07888;justify-content:center;align-items:center;min-height:44px;padding:10px 8px;font-size:.7rem;font-weight:800;line-height:1.2;display:flex}.mobile-listening-links>a:first-child{color:#080807;background:#bca078;border-color:#bca078}.mobile-listening-bar a:focus-visible,.mobile-listening-dismiss:focus-visible{outline-offset:3px;outline:2px solid #eee9de}.mobile-listening-links>a:hover{border-color:#eee9de}body.intro-active .mobile-listening-bar{visibility:hidden;pointer-events:none}body:has(.site-header nav.is-open) .mobile-listening-bar{visibility:hidden;pointer-events:none}body:has(input:focus,textarea:focus,select:focus,[contenteditable=true]:focus) .mobile-listening-bar{visibility:hidden;pointer-events:none}}