.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:#fff;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:#fff;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:#fff;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{margin:.4rem 0 .2rem}.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:#fff;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{position:relative;width:100%;max-width:22rem;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-outline);background:var(--ff-paper);color:var(--ff-outline);font:inherit;font-weight:700;cursor:pointer;padding:0;transition:transform .06s,background-color .1s}.hm-wheel-key:hover{transform:translate(-50%,-50%) scale(1.08)}.hm-wheel-key--correct{background:var(--pc-correct);color:#fff;border-color:var(--pc-correct)}.hm-wheel-key--target{box-shadow:0 0 0 3px var(--ff-spark) inset;animation:hm-glow 1s ease-in-out infinite alternate}.hm-wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;color:var(--ff-slate-text);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}}