.topbar>.topbar-actions{gap:18px;position:relative}.music-control{position:relative;display:flex;align-items:center;gap:0}.music-toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:4px;color:var(--olive);font-size:11px;white-space:nowrap}.music-note{width:18px;height:18px;transform-origin:center}.music-toggle[aria-pressed="true"] .music-note{animation:music-sway 5s ease-in-out infinite}.music-options{display:grid;place-items:center;min-width:28px;min-height:44px;padding:0;color:var(--muted)}.music-options svg{width:16px;height:16px}.music-panel[hidden]{display:none}.music-panel{position:absolute;right:0;top:calc(100% + 7px);width:278px;padding:17px 18px 14px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 34px #383d3112;z-index:40;letter-spacing:.2px;font-size:11px}.music-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.music-panel-heading button{font-size:21px;min-width:30px;min-height:30px;color:var(--muted);margin:-6px -9px -4px 0}.music-track{margin-top:17px;font-size:15px;color:var(--ink);font-family:"Songti SC","SimSun",serif;letter-spacing:1px}.music-track span{display:block;margin-top:7px;font:9px/1.6 "Microsoft YaHei",system-ui,sans-serif;letter-spacing:.5px;color:var(--muted)}#music-status{min-height:30px;line-height:1.8;margin:12px 0;color:var(--olive);font-size:10px}.music-volume{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.music-volume input{min-width:0;flex:1;height:28px;margin:0;accent-color:var(--olive);cursor:pointer}.music-volume output{width:32px;text-align:right;font-variant-numeric:tabular-nums}.music-footnote{margin:13px 0 0;font-size:9px;color:var(--muted)}@keyframes music-sway{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(9deg)}}@media(max-width:650px){.topbar>.topbar-actions{gap:8px}.music-toggle{width:32px;justify-content:center}.music-toggle>span{display:none}.music-options{min-width:22px}.music-panel{right:-30px;width:min(278px,calc(100vw - 40px))}}@media(max-width:380px){.topbar #status{display:none}.topbar>.topbar-actions{gap:4px}.mobile-brand{font-size:16px}}@media(prefers-reduced-motion:reduce){.music-toggle .music-note{animation:none!important}}
