#harmo-passage{margin:12px 0;padding:12px 16px;border:1px solid #ccd7e5;border-radius:14px;background:#f6f8fc;color:#17263f;font-family:system-ui,sans-serif}
#harmo-passage summary{font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#harmo-passage-status{font-size:.85em;font-weight:500}
.harmo-passage-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px}
#harmo-passage button,#harmo-passage input[type=number]{font:inherit;min-height:44px;border:1px solid #a9bdd2;border-radius:8px;padding:8px 12px;color:#17263f;background:white}#harmo-passage input[type=number]{width:76px}#harmo-passage label{display:flex;align-items:center;gap:8px}#harmo-loop{width:22px;height:22px}#harmo-play{background:#dcebe4!important}#score .practice-range-note{filter:drop-shadow(0 0 3px #3cbd86)}#score .practice-range-boundary{filter:drop-shadow(0 0 5px #158455)}
.harmo-ipad #score{scroll-margin-top:16px;touch-action:pan-x pan-y pinch-zoom}
body.mozhooks-reader-mode #harmo-passage,body.mozhooks-editor-mode #harmo-passage{display:none}
@media print{#harmo-passage{display:none}}