.music-control{z-index:90;position:fixed;top:1rem;right:1rem}.music-note{color:#ebd8b6;background:#15252c;border:1px solid #bda57d66;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 3px 14px #0003}.music-control svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.music-popover{box-sizing:border-box;color:#f5ecdc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:contain;background:#15252c;border:1px solid #bda57d55;border-radius:22px;width:min(420px,100vw - 24px);max-height:calc(100dvh - 88px);padding:22px;font:14px/1.5 system-ui,sans-serif;position:absolute;top:56px;right:0;overflow:auto;box-shadow:0 24px 70px #0007}.music-popover [hidden],.music-popover[hidden]{display:none!important}.music-popover button{cursor:pointer;color:inherit;min-height:44px;font:inherit;background:#ffffff06;border:1px solid #ffffff15;border-radius:10px;padding:8px 12px;transition:background .15s}.music-popover button:hover{background:#ffffff12}.music-popover button:disabled{opacity:.35;cursor:default}.music-popover .music-icon{background:0 0;border-color:#0000;flex:0 0 44px;place-items:center;width:44px;padding:0;display:inline-grid}.music-popover [aria-pressed=true]{color:#e4be79}.music-popover [aria-pressed=true] svg{fill:#e4be7926}.music-header,.music-timing,.music-volume{justify-content:space-between;align-items:center;gap:12px;display:flex}.music-header h2{letter-spacing:.22em;color:#c8bba5;margin:0;font-size:10px;font-weight:650}.music-header{margin:-8px -8px 14px 0}.music-now{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:18px;display:grid}.music-cover{background:radial-gradient(ellipse at 80% 10%, hsl(var(--cover-hue) 36% 72%), transparent 60%), linear-gradient(135deg, #24404a, hsl(var(--cover-hue) 30% 26%));border-radius:16px;height:88px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff20}.music-cover:before{content:"";border:1px solid #e9dec755;border-radius:50%;width:100px;height:100px;position:absolute;top:28px;left:25px;box-shadow:0 0 0 9px #e9dec715,0 0 0 18px #e9dec715,0 0 0 27px #e9dec715}.music-now span{letter-spacing:.17em;color:#b7ad9c;font-size:9px}.music-now h3{overflow-wrap:anywhere;margin:5px 0;font-size:19px;font-weight:600;line-height:1.35}.music-now p{color:#b6c0c3;overflow-wrap:anywhere;margin:0;font-size:12px}.music-status{color:#c8bba5;overflow-wrap:anywhere;min-height:17px;margin:14px 0 0;font-size:11px}.music-row{justify-content:center;align-items:center;gap:14px;margin:14px 0;display:flex}.music-popover .music-play{color:#15252c;background:#ead4ad;border-radius:50%;flex-basis:56px;width:56px;height:56px;box-shadow:0 4px 16px #0002}.music-popover .music-play:hover{background:#f4e1c2}.music-row .music-icon:last-child{margin-left:8px}.music-popover input,.music-popover select{box-sizing:border-box;font:inherit;color:inherit;background:#0b191f;border:1px solid #ffffff20;border-radius:10px;max-width:100%;min-height:44px;padding:10px 12px}.music-popover input[type=range]{accent-color:#dfc397;cursor:pointer;background:0 0;width:100%;min-height:24px;margin:0;padding:0}.music-timing{color:#9baeb5;font-variant-numeric:tabular-nums;font-size:10px}.music-volume{color:#9baeb5;margin:9px 0 15px}.music-volume label{white-space:nowrap;flex:1;align-items:center;gap:12px;font-size:10px;display:flex}.music-tabs{background:#0c1b2166;border-radius:12px;gap:4px;margin:0 0 16px;padding:4px;display:flex}.music-tabs button{color:#9baeb5;background:0 0;border:0;flex:1;padding:8px 4px;font-size:12px}.music-tabs button[aria-selected=true]{color:#f5ecdc;background:#2b3c43;box-shadow:0 2px 4px #0002}.music-secondary{flex-wrap:wrap;gap:6px;display:flex}.music-secondary button{flex:1;font-size:11px}.music-popover input[type=search]{width:100%}.music-list{margin:12px 0 0;padding:0;list-style:none}.music-list li{color:#bdc8cc;border-bottom:1px solid #ffffff0e;flex-wrap:wrap;align-items:center;gap:2px;padding:9px 0;font-size:12px;display:flex}.music-list li>strong,.music-list li>span{overflow-wrap:anywhere;color:#f5ecdc;flex:1 0 calc(100% - 8px);margin-bottom:3px;font-weight:500}.music-list li.music-current{border-left:2px solid #dfc397;padding-left:10px}.music-list li button{font-size:11px}.music-popover [role=tabpanel]>select,.music-popover [role=tabpanel]>input:not([type=search]){width:100%;margin:0 0 8px}.music-popover [role=tabpanel]>button{margin:0 4px 10px 0;font-size:11px}.music-popover [role=tabpanel]>div>div{border-top:1px solid #ffffff16;flex-wrap:wrap;gap:6px;padding:12px 0;display:flex}.music-popover [role=tabpanel]>div>div>strong{flex-basis:100%;font-size:13px}.music-popover [role=tabpanel] p{color:#9baeb5;font-size:11px}.music-popover :focus-visible,.music-note:focus-visible{outline-offset:3px;outline:2px solid #f7c95e}body .topbar{padding-right:max(72px,4%)}body .mj .mj-nav{padding-right:56px}@media (width<=480px){.music-control{top:12px;right:12px}.music-popover{width:100%;max-height:calc(100dvh - 72px);padding:18px 20px max(20px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;position:fixed;inset:auto 0 0}body .topbar{padding-right:66px}body .mj .mj-nav{padding-right:50px}}@media (prefers-reduced-motion:reduce){.music-popover button{transition:none}}.music-list li>span{flex:1;min-width:90px;margin:0}.music-list li:has(>span){flex-wrap:nowrap}