/* The music tool inherits all twenty-two optical materials. */
#zhubo-music{position:relative;inset:auto;z-index:30;flex:0 0 auto;align-self:center;width:98px;color:var(--g-ink);font:12px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.02em;isolation:isolate}
#zhubo-music *{box-sizing:border-box}
#zhubo-music .zm-bar{display:flex;align-items:center;gap:2px;padding:3px;border:var(--g-edge-width,1px) solid var(--eg-border);border-radius:999px;background:var(--eg-light-surface);box-shadow:var(--eg-inner),0 8px 30px #0004,var(--g-glow);backdrop-filter:blur(var(--g-blur)) saturate(var(--g-saturate));-webkit-backdrop-filter:blur(var(--g-blur)) saturate(var(--g-saturate))}
#zhubo-music button{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:8px 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap}
#zhubo-music button:hover{background:rgb(var(--g-light) / .08);border-color:var(--eg-border)}
#zhubo-music button:focus-visible,#zhubo-music input:focus-visible{outline:2px solid var(--g-accent);outline-offset:3px}
#zhubo-music .zm-toggle[aria-pressed=true]{background:var(--g-selection);color:var(--g-accent)}
#zhubo-music svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
#zhubo-music .zm-more{padding:8px 10px}
#zhubo-music .zm-panel{position:absolute;inset:auto;left:var(--zm-panel-left,-180px);top:var(--zm-panel-top,62px);width:var(--zm-panel-width,278px);max-width:calc(100vw - 16px);max-height:var(--zm-panel-max-height,calc(100dvh - 110px));overflow:auto;overscroll-behavior:contain;padding:20px;border:var(--g-edge-width,1px) solid var(--eg-border);border-radius:var(--g-radius,24px);background:var(--eg-reading-surface);box-shadow:var(--eg-inner),var(--eg-elevation);backdrop-filter:blur(var(--g-blur)) saturate(var(--g-saturate));-webkit-backdrop-filter:blur(var(--g-blur)) saturate(var(--g-saturate));text-align:left}
#zhubo-music [hidden]{display:none!important}
#zhubo-music p{margin:0;color:var(--g-muted);font:inherit}
#zhubo-music .zm-context{font-size:10px;margin-bottom:8px;letter-spacing:.08em}
#zhubo-music .zm-title{display:block;font-size:15px;font-weight:500;line-height:1.7;color:var(--g-ink);overflow-wrap:anywhere}
#zhubo-music .zm-status{min-height:38px;margin:8px 0 18px;font-size:11px}
#zhubo-music .zm-volume{display:grid;grid-template-columns:1fr auto;gap:9px;color:var(--g-ink);font:inherit}
#zhubo-music output{font-variant-numeric:tabular-nums;color:var(--g-muted)}
#zhubo-music input[type=range]{grid-column:1/-1;display:block;appearance:auto;width:100%;min-width:0;height:28px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;accent-color:var(--g-accent);cursor:pointer}
#zhubo-music .zm-versions{min-width:0;margin:18px 0 0;padding:0;border:0}
#zhubo-music .zm-versions legend{margin-bottom:8px;padding:0;color:var(--g-ink);font:inherit}
#zhubo-music .zm-versions>div{display:flex;gap:4px;padding:3px;border:1px solid var(--eg-border);border-radius:var(--g-radius,20px);background:var(--eg-light-surface);box-shadow:var(--eg-inner)}
#zhubo-music .zm-versions button{flex:1;min-width:0;padding:7px 6px;font-size:11px}
#zhubo-music .zm-versions button[aria-pressed=true]{background:var(--g-selection);color:var(--g-accent);border-color:var(--eg-border)}
#zhubo-music .zm-version-note{margin-top:8px;font-size:10px;line-height:1.8}
#zhubo-music .zm-note{margin-top:14px;font-size:10px;line-height:1.8}
/* The compact entry belongs to the current page toolbar, never the content corner. */
#zhubo-music .zm-bar{width:98px;height:52px;gap:2px;padding:3px}
#zhubo-music{box-sizing:border-box;padding:0;margin:0;border:0;border-radius:0;background:none}
#zhubo-music:is([data-dock="home"],[data-dock="wave"]) .zm-bar{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#zhubo-music .zm-bar>button{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border-radius:999px;line-height:1;text-align:center}
#stellar-wave#stellar-wave #zhubo-music button{min-height:44px}
#zhubo-music .zm-toggle>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#zhubo-music .zm-more[aria-expanded=true]{background:var(--g-selection);color:var(--g-accent)}
#zhubo-music .zm-versions button{width:auto;height:auto;min-height:44px;line-height:1.5;white-space:normal}
.zm-dock-fallback{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:68px;padding:8px 16px;gap:12px;z-index:30;flex:0 0 auto}
@media(max-width:640px){#zhubo-music{font-size:11px}#zhubo-music .zm-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){#zhubo-music *{scroll-behavior:auto}}