.now-playing-bar{height:68px;gap:18px}.now-playing-bar .music-art{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;background:linear-gradient(145deg,#64263f,#2b2232);border:1px solid #9c405b;color:#ffb5c5;font-size:24px}.now-playing-copy{flex:1;min-width:0}.now-playing-copy .eyebrow{font-size:8px;letter-spacing:1.5px;color:#a78496}.music-marquee{overflow:hidden;max-width:100%;margin-top:5px}.music-marquee strong{font-size:13px;color:#f1e6ec;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.umbrella-v20 .music-play{width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#e24460;border:1px solid #f4798b}.music-volume{display:flex!important;align-items:center;gap:10px;color:#a1a6b5;font-size:10px!important;white-space:nowrap}.music-volume input{width:110px!important;min-height:20px!important;padding:0!important;margin:0!important;accent-color:#ed5c77;background:transparent!important;border:0!important}.umbrella-v20.comms-mode .now-playing-bar{height:68px;top:0}.umbrella-v20.comms-mode .shell{height:calc(100dvh - 68px)}
body.umbrella-v20 #radialMenu{width:min(560px,calc(100vw - 24px));max-height:92dvh;padding:20px;border:1px solid #654152;border-radius:28px;background:radial-gradient(ellipse at 50% 40%,#30213188,transparent 65%),#11151e;overflow:auto;box-shadow:0 30px 100px #000a}#radialMenu::backdrop{background:#03060cb8;backdrop-filter:blur(9px)}#radialMenu .radial-head{display:flex;align-items:center;padding:0 0 14px;background:transparent;gap:10px;border:0}.radial-head .eyebrow{font-size:9px;letter-spacing:1.5px;flex:1}.radial-head .radial-type{display:none}.umbrella-v20 #radialMenu #menuClose{font-size:11px;min-height:32px;padding:6px 12px;border:1px solid #3f3948;background:#24202c;box-shadow:none}#radialTabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;background:#080d16;border:1px solid #30313e;border-radius:14px;padding:5px}.umbrella-v20 #radialTabs button{min-height:35px;padding:8px 6px;border:0;background:transparent;box-shadow:none;color:#969bad;border-radius:10px;font-size:11px;white-space:nowrap}.umbrella-v20 #radialTabs button[aria-pressed=true]{background:#493041;color:#f2c9d6;box-shadow:inset 0 0 0 1px #825067}.umbrella-v20 #radialMenu .radial-wheel{width:min(100%,420px);margin:12px auto;aspect-ratio:1;filter:none}body.umbrella-v20 #radialMenu .radial-link{width:104px!important;height:78px!important;min-height:78px!important;border-radius:18px!important;background:linear-gradient(145deg,#282331,#181c26)!important;border:1px solid #49404f!important;box-shadow:0 8px 20px #0004!important;padding:9px 5px;gap:8px;animation:none!important;color:#d8d1df;text-decoration:none}body.umbrella-v20 #radialMenu .radial-link:hover,body.umbrella-v20 #radialMenu .radial-link[aria-current]{background:#472637!important;border-color:#d16b8a!important;transform:translate(-50%,-50%) scale(1.035)}.radial-icon{display:grid;place-items:center;width:28px;height:28px;color:#ef9ab4}.radial-icon .ui-icon{width:25px;height:25px;stroke-width:1.5}.radial-link>span:last-child{font-size:10px!important;line-height:1.2;font-weight:600!important;letter-spacing:0!important}.umbrella-v20 #radialMenu .radial-orbit{inset:17%;border:1px solid #75415a35;animation:none}.umbrella-v20 #radialMenu .radial-orbit:before{inset:22%;border:1px solid #a9507033}.umbrella-v20 #radialMenu #radialCenter{width:23%;padding:12px;border:1px solid #8b4361;background:radial-gradient(circle,#3a2233,#121824);box-shadow:0 0 0 8px #11151e88,0 0 40px #ac41682a}.umbrella-v20 #radialCenter svg{width:76%}.umbrella-v20 #radialCenter span{font-size:7px;letter-spacing:2px;color:#dfadc2}.radial-caption{margin:0 0 12px;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#a48a9e}.radial-profile{display:block;width:100%;text-align:center;padding:12px;border-top:1px solid #413342;font-size:11px;color:#d6a3bd;text-decoration:none}.radial-link:focus-visible,#radialTabs button:focus-visible{outline:2px solid #f1b8ce;outline-offset:4px}.background-button .ui-icon{width:18px;height:18px}.has-custom-bg:before{background:linear-gradient(115deg,#06080d99,#090d1470 45%,#07090d99),var(--custom-bg)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;filter:saturate(.85)!important}.has-custom-bg .ambient{opacity:.22!important}.has-custom-bg .panel,.has-custom-bg .hero{backdrop-filter:blur(12px)}
@media(max-width:600px){.now-playing-bar{padding:10px 16px;gap:12px}.music-volume{font-size:0!important}.music-volume input{width:65px!important}.now-playing-bar>.sound-control{display:none}.now-playing-copy .eyebrow{font-size:7px}.music-marquee strong{font-size:12px}body.umbrella-v20 #radialMenu{padding:14px;border-radius:24px}.umbrella-v20 #radialMenu .radial-wheel{width:min(100%,360px)}body.umbrella-v20 #radialMenu .radial-link{width:80px!important;height:68px!important;min-height:68px!important;border-radius:15px!important;padding:7px 4px;gap:6px}.radial-icon .ui-icon{width:23px;height:23px}.radial-link>span:last-child{font-size:9px!important}.umbrella-v20 #radialTabs button{font-size:10px;padding:7px 3px}.umbrella-v20 #radialMenu #radialCenter{width:23%;padding:9px}}@media(max-width:360px){body.umbrella-v20 #radialMenu .radial-link{width:73px!important;height:62px!important;min-height:62px!important}.music-volume{display:none!important}}@media(prefers-reduced-motion:reduce){#radialMenu *, .now-playing-bar *{animation:none!important;transition:none!important}}