.pc-theme-harmonyforge .ff-hero h1{background:linear-gradient(90deg, var(--ff-forge), var(--ff-spark));color:#0000;-webkit-background-clip:text;background-clip:text}.pc-theme-harmonyforge .hm-hud{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.8rem;display:flex}.hm-studio{gap:.9rem;display:grid}.hm-bar{border:2px solid var(--ff-outline);background:var(--ff-paper);border-radius:.9rem;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;padding:.7rem .9rem;display:flex}.hm-pick{color:var(--ff-forge-text);align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:inline-flex}.hm-select{border:2px solid var(--ff-outline);background:var(--ff-paper);font:inherit;color:var(--ff-outline);border-radius:.5rem;padding:.25rem .4rem}.hm-tempo-input{accent-color:var(--ff-forge)}.hm-palette{flex-wrap:wrap;gap:.6rem;display:flex}.hm-swatch{border:2px solid var(--ff-outline);background:var(--ff-paper);cursor:pointer;border-radius:.6rem;width:3rem;height:3rem;padding:0;position:relative}.hm-swatch:after{content:"";background:var(--sw);position:absolute;inset:18%}.hm-swatch--on{outline:3px solid var(--ff-spark);outline-offset:2px}.hm-shape-circle:after{clip-path:circle(50%)}.hm-shape-square:after{clip-path:inset(2%)}.hm-shape-triangle:after{clip-path:polygon(50% 6%,94% 94%,6% 94%)}.hm-shape-diamond:after{clip-path:polygon(50% 4%,96% 50%,50% 96%,4% 50%)}.hm-grid{grid-template-columns:repeat(var(--n), 1fr);gap:.3rem;max-width:30rem;margin:0 auto;display:grid}.hm-cell{aspect-ratio:1;border:2px solid var(--ff-outline);background:var(--ff-paper);cursor:pointer;border-radius:.3rem;padding:0;transition:transform 60ms;position:relative}.hm-cell:hover{transform:scale(1.04)}.hm-cell--on:after{content:"";background:var(--cell);position:absolute;inset:14%}.hm-cell--playhead{outline:3px solid var(--ff-spark);outline-offset:1px}.hm-transport{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.hm-sound-note{text-align:center;max-width:32rem;margin:0 auto}.hm-saverow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.hm-name{border:2px solid var(--ff-outline);font:inherit;color:var(--ff-outline);border-radius:.5rem;min-width:12rem;padding:.35rem .5rem}.hm-library{gap:.4rem;display:grid}.hm-lib-item{border:2px solid var(--ff-outline);background:var(--ff-paper);border-radius:.6rem;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.hm-lib-item span{flex:1;font-size:.9rem}.hm-lib-btn{padding:.2rem .6rem;font-size:.8rem}.hm-lab-prompt{font-size:1.05rem}.hm-cons{letter-spacing:.01em;color:var(--ff-forge-text);border:2px solid var(--ff-outline);background:var(--ff-paper);box-shadow:0 2px 0 var(--ff-outline);border-left-width:6px;border-radius:.6rem;padding:.4rem .8rem;font-size:1rem;font-weight:800;display:inline-block}.hm-cons--land{border-left-color:var(--pc-correct)}.hm-cons--pull{border-left-color:var(--ff-spark)}.hm-lab-stage .hm-piano-wrap{width:100%}.hm-piano-wrap{padding:.6rem 0;overflow-x:auto}.hm-piano{min-width:22rem;display:inline-block;position:relative}.hm-piano-white{gap:2px;display:flex}.hm-key{cursor:pointer;font:inherit;padding:0}.hm-key--white{background:var(--ff-paper);border:2px solid var(--ff-outline);border-radius:0 0 .35rem .35rem;justify-content:center;align-items:flex-end;width:2.1rem;height:8rem;display:flex}.hm-key-label{color:var(--ff-slate-text);padding-bottom:.25rem;font-size:.6rem;font-weight:700}.hm-piano-black{pointer-events:none;width:100%;height:5rem;position:absolute;top:0;left:0}.hm-key--black{background:var(--ff-outline);border:2px solid var(--ff-outline);pointer-events:auto;border-radius:0 0 .3rem .3rem;width:1.4rem;height:5rem;position:absolute}.hm-key--root{background:var(--ff-slate)}.hm-key--white.hm-key--root{background:#d6dbf5}.hm-key--sel{background:var(--ff-spark)}.hm-key--black.hm-key--sel{background:#cf8f00}.hm-key--target{box-shadow:0 0 0 3px var(--ff-spark) inset;animation:1s ease-in-out infinite alternate hm-glow}.hm-key--correct{background:var(--pc-correct)}.hm-key--locked{cursor:default}@keyframes hm-glow{0%{box-shadow:0 0 0 2px var(--ff-spark) inset}to{box-shadow:0 0 0 5px var(--ff-spark) inset}}@media (prefers-reduced-motion:reduce){.hm-cell:hover{transform:none}.hm-key--target{box-shadow:0 0 0 4px var(--ff-spark) inset;animation:none}}.hm-wheel-stage .hm-wheel{margin:.25rem auto}.hm-wheel{aspect-ratio:1;width:100%;max-width:20rem;margin:1rem auto;position:relative}.hm-wheel-key{border:2px solid var(--ff-forge);background:var(--ff-paper);width:3rem;height:3rem;color:var(--ff-forge-text);font:inherit;cursor:pointer;box-shadow:0 2px 0 var(--ff-forge);border-radius:50%;padding:0;font-weight:800;transition:transform 60ms,background-color .1s;position:absolute;transform:translate(-50%,-50%)}.hm-wheel-key:hover{background:var(--ff-warm);transform:translate(-50%,-50%)scale(1.08)}.hm-wheel-key--correct{background:var(--pc-correct);color:#fff;border-color:var(--pc-correct);box-shadow:0 2px #1c7a41}.hm-wheel-key--target{box-shadow:0 0 0 3px var(--ff-spark) inset, 0 2px 0 var(--ff-forge);animation:1s ease-in-out infinite alternate hm-glow}.hm-wheel-hub{color:var(--ff-forge);letter-spacing:.15em;font-size:1.1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.hm-wheel-key:hover{transform:translate(-50%,-50%)}.hm-wheel-key--target{box-shadow:0 0 0 4px var(--ff-spark) inset, 0 2px 0 var(--ff-forge);animation:none}}@media (width<=30rem){.hm-wheel{max-width:17rem}.hm-wheel-key{width:2.6rem;height:2.6rem;font-size:.9rem}}.hm-staff-stage{text-align:center;padding:.6rem .4rem}.hm-staff-svg{width:min(260px,100%);height:auto;display:inline-block}.hm-staff-line,.hm-staff-ledger{stroke:var(--ff-anvil);stroke-width:1.5px}.hm-staff-head{fill:var(--ff-anvil);stroke:var(--ff-anvil);stroke-width:1px}.hm-staff-stem{stroke:var(--ff-anvil);stroke-width:2px}.hm-staff-clef{fill:var(--ff-anvil);dominant-baseline:middle;font-size:44px}.hm-staff-options{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem;display:grid}.hm-staff-opt{text-align:center;font-weight:700}.hm-staff-opt--right{background:var(--pc-correct-bg);border-color:var(--pc-correct);color:var(--pc-correct)}.hm-staff-opt--wrong{background:var(--pc-incorrect-bg);border-color:var(--pc-incorrect);color:var(--pc-incorrect);opacity:.85}.hm-place-stage{text-align:center;padding:.6rem .4rem}.hm-place-stage:focus-visible{outline:3px solid var(--ff-forge);outline-offset:2px}.hm-placed-head{fill:var(--ff-forge);stroke:var(--ff-forge)}.hm-placed-head--set{fill:var(--ff-slate);stroke:var(--ff-slate)}.hm-place-readout{color:var(--ff-anvil);font-variant-numeric:tabular-nums;margin:.4rem 0 .2rem;font-weight:700}.hm-place-controls{justify-content:center;gap:.6rem;margin-bottom:.2rem;display:flex}.hm-place-step{min-width:6rem;min-height:2.75rem;font-weight:700}.hm-place-check{margin-top:.6rem}