.header-music{position:relative;flex:none}.header-music-button{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;background:#f8dce3;border:1px solid #dbaaba;border-radius:20px;color:#833047;box-shadow:0 3px 0 #d8aab433;cursor:pointer;min-height:52px}.header-music-copy{font-size:11px;font-weight:600;text-align:left;white-space:nowrap}.header-music-copy small{display:block;font-size:8px;font-weight:400;margin-top:2px;color:#915568}.music-chevron{font-size:15px;color:#a44c68}.mini-turntable{display:block;position:relative;flex:none;width:48px;height:38px;border-radius:8px;background:#be4569;border:1px solid #9b2c50;box-shadow:inset 0 1px 0 #ffb3c7,0 3px 0 #94324c;transform:rotate(-6deg)}.mini-record{position:absolute;left:5px;top:4px;width:29px;height:29px;border-radius:50%;background:repeating-radial-gradient(circle,#282737 0 2px,#484051 2.5px 3px);box-shadow:0 1px 3px #48213566;display:grid;place-items:center}.mini-record i{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#f9c7d7;color:#94324c;font:10px Georgia;font-style:normal}.mini-arm{position:absolute;right:5px;top:4px;width:3px;height:25px;background:#edcf98;transform:rotate(24deg);transform-origin:top;border-radius:3px;box-shadow:1px 1px 0 #7f4164}.mini-arm:after{content:'';position:absolute;bottom:-1px;left:-2px;width:7px;height:5px;border-radius:2px;background:#ffe1b4}.mini-light{position:absolute;right:4px;bottom:3px;width:3px;height:3px;border-radius:50%;background:#f5c097}.header-music-button.is-playing .mini-record{animation:babylon-record-turn 6s linear infinite}.header-music-button.is-playing .mini-light{background:#d7ed99;box-shadow:0 0 4px #e2f3b4}.header-music-button:hover{background:#f4ceda}.header-music-menu{position:absolute;right:0;top:calc(100% + 13px);width:310px;padding:25px;background:#fff8ee;color:#233c31;border:1px solid #dbb7bd;border-radius:24px;box-shadow:0 18px 65px #48233626;z-index:50;text-align:left}.header-music-menu[hidden]{display:none}.header-music-menu .eyebrow{font-size:8px;letter-spacing:2px;color:#a24364;margin:0 0 12px}.header-music-menu h3{font-size:30px;color:#a52c53;line-height:1.1}.header-music-status{font-size:11px;color:#79676d;margin:14px 0;line-height:1.6}.header-music-play{width:100%;padding:12px;background:#a92c52;color:#fff4ed;border:0;border-radius:25px;font-size:12px;cursor:pointer}.header-music-menu>a{display:block;font-size:11px;text-underline-offset:4px;margin-top:15px}.header-music-menu .header-radio{display:flex;align-items:center;gap:12px;text-decoration:none;border-top:1px solid #e8cfd0;padding-top:18px;margin-top:20px;color:#355947}.header-radio>span:first-child{display:grid;place-items:center;background:#e5ead9;border:1px solid #cfdbc5;border-radius:13px;width:38px;height:38px;font-size:22px;color:#567253}.header-radio small{display:block;font-size:9px;color:#7b7e6d;margin-top:4px}.sound-toggle{display:none!important}.sitehead nav{gap:18px}.account-actions{gap:10px}.sitehead{gap:16px}
@keyframes babylon-record-turn{to{transform:rotate(360deg)}}
@media(max-width:1350px) and (min-width:701px){.sitehead{flex-wrap:wrap;gap:10px}.sitehead nav{order:3;width:100%;border-top:1px solid #ead9cf;padding-top:10px;justify-content:center}.account-actions{margin-left:auto}.brand small{display:inline}}
@media(max-width:700px){.sitehead{gap:9px;padding:12px 16px}.sitehead .brand small{display:none}.account-actions{gap:6px}.header-music-button{padding:5px 7px;min-height:44px;border-radius:15px}.mini-turntable{width:39px;height:32px}.mini-record{width:24px;height:24px;left:4px;top:3px}.mini-arm{height:20px;right:4px}.header-music-copy{font-size:9px}.header-music-copy small{display:none}.music-chevron{display:none}.header-music-menu{position:fixed;right:12px;top:76px;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto}.sitehead .join-btn{display:none}.sitehead .account-btn{font-size:10px;padding:8px 10px}.sitehead .brand{font-size:25px}.sitehead .brand img{width:25px;height:25px}.sitehead nav{gap:10px 15px}.header-music-copy{max-width:70px;white-space:normal;line-height:1.2}.sitehead nav a{font-size:11px}}
@media(max-width:360px){.header-music-copy{display:none}.sitehead .brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){.header-music-button.is-playing .mini-record{animation:none}}