:root{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100vh;background:#05070c;color:#f4f2ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.accordeur{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;padding:4.5rem 1.5rem 2.5rem;text-align:center}.accordeur__title{margin:0;font-size:2rem;letter-spacing:.04em}.accordeur__instruments{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.accordeur__instrumentBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#f4f2ee;border-radius:.6rem;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease}.accordeur__instrumentBtn:hover{background:#ffffff1a}.accordeur__instrumentBtn--active{border-color:#38bdf8;background:#38bdf833;color:#7dd3fc}.accordeur__strings{display:grid;gap:clamp(.35rem,2vw,.9rem);width:min(94vw,34rem)}.accordeur__string{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#f4f2ee;border-radius:.9rem;padding:clamp(.5rem,3vw,1.1rem) clamp(.2rem,1.5vw,.75rem);font-family:inherit;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}.accordeur__string:hover{background:#ffffff1a;transform:translateY(-2px)}.accordeur__stringNote{font-size:clamp(1.3rem,6vw,2.2rem);font-weight:700;line-height:1}.accordeur__stringSolfege{font-size:clamp(.62rem,2.4vw,.95rem);font-weight:600;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.accordeur__stringFreq{font-size:clamp(.55rem,2vw,.8rem);opacity:.55;font-variant-numeric:tabular-nums;white-space:nowrap}.accordeur__string--playing{border-color:#38bdf8;background:#38bdf833;box-shadow:0 0 18px #38bdf866;color:#7dd3fc}.accordeur__string--playing .accordeur__stringSolfege,.accordeur__string--playing .accordeur__stringFreq{color:#7dd3fc;opacity:.9}.accordeur__micBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:2rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f4f2ee;padding:.65rem 1.2rem;border-radius:.7rem;font-size:.95rem;font-family:inherit;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}.accordeur__micBtn:hover{background:#ffffff1f;transform:translateY(-1px)}.accordeur__micBtn--active{border-color:#a78bfa;background:#a78bfa33;color:#ddd6fe}.accordeur__tuner{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;width:min(90vw,22rem)}.accordeur__tunerNote{display:flex;align-items:baseline;gap:.6rem}.accordeur__tunerNoteName{font-size:1.8rem;font-weight:700;min-height:1.4em}.accordeur__tunerFreq{font-size:.9rem;opacity:.6;font-variant-numeric:tabular-nums}.accordeur__tunerMeter{position:relative;width:100%;height:.5rem;border-radius:999px;background:linear-gradient(90deg,#f87171,#fbbf24 35%,#39ff6a,#fbbf24 65%,#f87171)}.accordeur__tunerMeterCenter{position:absolute;top:-.3rem;left:50%;width:2px;height:1.1rem;background:#ffffff80;transform:translate(-50%)}.accordeur__tunerNeedle{position:absolute;top:-.35rem;left:50%;width:3px;height:1.2rem;border-radius:999px;background:#f4f2ee;transform:translate(-50%);transition:left .08s linear}.accordeur__tunerNeedle--inTune{background:#39ff6a;box-shadow:0 0 8px #39ff6ab3}.accordeur__tunerHint{margin:0;font-size:.9rem;opacity:.7;min-height:1.3em}