.music-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:17px;color:#c6e6ec;font-size:11px}.music-bar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #77c2d363;border-radius:14px;padding:7px 13px;background:linear-gradient(#195d74,#123b55);color:#edfaff;font-size:12px;font-weight:900;box-shadow:inset 0 1px 0 #c2f4ff2b,0 3px 0 #071f32}.music-bar button[aria-pressed=true]{border-color:#ffd476;color:#ffe4a2}.music-bar button>span:first-child{font-size:22px;line-height:1}.music-bar>span{max-width:165px;line-height:1.4;text-align:left}.music-volume-control{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:115px}.music-setting input[type=range]{width:125px;height:32px;accent-color:#ffcf6b}.music-volume-control output{font-size:11px;color:#d3e9ed;font-variant-numeric:tabular-nums}
@media(max-width:480px){.music-bar{margin-top:14px;gap:10px;font-size:10px}.music-bar button{font-size:11px}.music-setting input[type=range]{width:100px}.music-volume-control{min-width:100px}.music-setting{gap:10px}}
@media(max-height:540px) and (min-width:600px){.music-bar{margin-top:10px;gap:10px;font-size:10px}.music-bar button{min-height:40px;padding:4px 11px;font-size:10px}.music-bar button>span:first-child{font-size:19px}.paper-footer .subinstruction{margin-bottom:9px}.paper-footer .instruction{font-size:13px}.solved-mode .music-bar{margin-top:5px}.solved-mode .music-bar>span{display:none}.solved-mode .solved-panel{padding-top:5px}.solved-mode .solved-actions{gap:7px}.solved-mode .solved-panel h2{font-size:21px;margin-bottom:1px}}