.pc-theme-harmonyforge .ff-hero h1{background:linear-gradient(90deg,var(--ff-forge),var(--ff-spark));-webkit-background-clip:text;background-clip:text;color:transparent}.pc-theme-harmonyforge .hm-hud{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.8rem}.hm-studio{display:grid;gap:.9rem}.hm-bar{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-items:center;padding:.7rem .9rem;border:2px solid var(--ff-outline);border-radius:.9rem;background:var(--ff-paper)}.hm-pick{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--ff-forge-text)}.hm-select{border:2px solid var(--ff-outline);border-radius:.5rem;padding:.25rem .4rem;background:var(--ff-paper);font:inherit;color:var(--ff-outline)}.hm-tempo-input{accent-color:var(--ff-forge)}.hm-palette{display:flex;gap:.6rem;flex-wrap:wrap}.hm-swatch{position:relative;width:3rem;height:3rem;border:2px solid var(--ff-outline);border-radius:.6rem;background:var(--ff-paper);cursor:pointer;padding:0}.hm-swatch:after{content:"";position:absolute;inset:18%;background:var(--sw)}.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{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:.3rem;max-width:30rem;margin:0 auto}.hm-cell{position:relative;aspect-ratio:1;border:2px solid var(--ff-outline);border-radius:.3rem;background:var(--ff-paper);cursor:pointer;padding:0;transition:transform .06s}.hm-cell:hover{transform:scale(1.04)}.hm-cell--on:after{content:"";position:absolute;inset:14%;background:var(--cell)}.hm-cell--playhead{outline:3px solid var(--ff-spark);outline-offset:1px}.hm-transport{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.hm-sound-note{text-align:center;max-width:32rem;margin:0 auto}.hm-saverow{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;justify-content:center}.hm-name{border:2px solid var(--ff-outline);border-radius:.5rem;padding:.35rem .5rem;font:inherit;color:var(--ff-outline);min-width:12rem}.hm-library{display:grid;gap:.4rem}.hm-lib-item{display:flex;gap:.5rem;align-items:center;padding:.4rem .6rem;border:2px solid var(--ff-outline);border-radius:.6rem;background:var(--ff-paper)}.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{display:inline-block;font-size:1rem;font-weight:800;letter-spacing:.01em;color:var(--ff-forge-text);padding:.4rem .8rem;border:2px solid var(--ff-outline);border-left-width:6px;border-radius:.6rem;background:var(--ff-paper);box-shadow:0 2px 0 var(--ff-outline)}.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{overflow-x:auto;padding:.6rem 0}.hm-piano{position:relative;display:inline-block;min-width:22rem}.hm-piano-white{display:flex;gap:2px}.hm-key{cursor:pointer;padding:0;font:inherit}.hm-key--white{width:2.1rem;height:8rem;background:var(--ff-paper);border:2px solid var(--ff-outline);border-radius:0 0 .35rem .35rem;display:flex;align-items:flex-end;justify-content:center}.hm-key-label{font-size:.6rem;font-weight:700;color:var(--ff-slate-text);padding-bottom:.25rem}.hm-piano-black{position:absolute;top:0;left:0;width:100%;height:5rem;pointer-events:none}.hm-key--black{position:absolute;width:1.4rem;height:5rem;background:var(--ff-outline);border:2px solid var(--ff-outline);border-radius:0 0 .3rem .3rem;pointer-events:auto}.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:hm-glow 1s ease-in-out infinite alternate}.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{animation:none;box-shadow:0 0 0 4px var(--ff-spark) inset}}.hm-wheel-stage .hm-wheel{margin:.25rem auto}.hm-wheel{position:relative;width:100%;max-width:20rem;aspect-ratio:1;margin:1rem auto}.hm-wheel-key{position:absolute;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:50%;border:2px solid var(--ff-forge);background:var(--ff-paper);color:var(--ff-forge-text);font:inherit;font-weight:800;cursor:pointer;padding:0;box-shadow:0 2px 0 var(--ff-forge);transition:transform .06s,background-color .1s}.hm-wheel-key:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--ff-warm)}.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:hm-glow 1s ease-in-out infinite alternate}.hm-wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.1rem;font-weight:800;color:var(--ff-forge);letter-spacing:.15em}@media(prefers-reduced-motion:reduce){.hm-wheel-key:hover{transform:translate(-50%,-50%)}.hm-wheel-key--target{animation:none;box-shadow:0 0 0 4px var(--ff-spark) inset,0 2px 0 var(--ff-forge)}}@media(max-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.5}.hm-staff-head{fill:var(--ff-anvil);stroke:var(--ff-anvil);stroke-width:1}.hm-staff-stem{stroke:var(--ff-anvil);stroke-width:2}.hm-staff-clef{fill:var(--ff-anvil);font-size:44px;dominant-baseline:middle}.hm-staff-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.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{font-weight:700;color:var(--ff-anvil);font-variant-numeric:tabular-nums;margin:.4rem 0 .2rem}.hm-place-controls{display:flex;gap:.6rem;justify-content:center;margin-bottom:.2rem}.hm-place-step{min-width:6rem;min-height:2.75rem;font-weight:700}.hm-place-check{margin-top:.6rem}