.presets{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.chip{font:inherit;border:1px solid var(--green-line);min-height:40px;color:var(--on-green-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .85rem;font-size:.98rem}.chip:hover{color:var(--on-green);border-color:var(--green-line-strong)}.chip[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:var(--green-deep)}.preset-about{text-align:center;color:var(--on-green-muted);margin:.8rem 0 0}.meter{font-family:var(--display);color:var(--on-green);margin-right:.35rem;font-weight:700}.custom-meter{color:var(--on-green-muted);flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.75rem;display:flex}.custom-meter label{gap:.25rem;font-size:.9rem;display:grid}.custom-meter input{width:5em}.tempo{text-align:center;margin:1.25rem 0 .75rem}.bpm{font-family:var(--display);color:#fff;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(6rem,30vw,9.5rem);font-weight:700;line-height:.9;display:block}.bpm-unit{color:var(--on-green);margin:.5rem 0 0;font-size:1.1rem;line-height:1.4}.bpm-unit .alt{color:var(--on-green-muted);font-size:.98rem}.zone{background:var(--green-raised);color:var(--on-green-muted);border-radius:999px;margin:.6rem 0 0;padding:.15rem .7rem;font-size:.92rem;display:inline-block}.zone[data-zone=session]{background:var(--mint-soft);color:var(--mint)}.zone[data-zone=fast]{background:var(--amber-soft);color:var(--amber)}.beats{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem .9rem;margin:1rem 0 .25rem;display:flex}.beat-wrap{align-items:center;gap:.45rem;display:inline-flex}.beat{border:2px solid var(--green-line-strong);background:var(--green);cursor:pointer;width:52px;height:52px;color:var(--green-deep);font-family:var(--display);border-radius:50%;place-items:center;padding:0;font-size:1.4rem;font-weight:700;transition:background 60ms linear,transform 60ms linear;display:grid}.beat[data-level=accent]{border-color:var(--mint);border-width:3px}.beat[data-level=soft]{width:40px;height:40px}.beat[data-level=mute]{opacity:.55;border-style:dashed}.beat[data-lit]{background:var(--on-green);transform:scale(1.06)}.beat[data-lit][data-level=accent]{background:var(--mint)}.beat[data-lit][data-level=mute]{background:var(--green-line-strong)}.subs{gap:.3rem;display:inline-flex}.sub{background:var(--green-line-strong);border-radius:50%;width:10px;height:10px}.sub[data-lit]{background:var(--on-green)}.status-line{text-align:center;color:var(--on-green-muted);min-height:1.6em;margin:.5rem 0}.tempo-controls{align-items:center;gap:.4rem;display:flex}.tempo-controls .btn{font-variant-numeric:tabular-nums;flex:none;min-width:48px;padding:.4rem .5rem}.slider{min-width:0;accent-color:var(--mint);flex:1;height:44px}.quick{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.bpm-entry input{text-align:center;width:5.5em}.metronome .actions .tap{min-width:96px;min-height:52px;font-size:1.1rem}.tap-hint{text-align:center;color:var(--on-green-muted);margin:-.75rem 0 1.25rem;font-size:.95rem}.metronome .settings+.settings{margin-top:.6rem}.field.num{width:5.5em}.field.inline{width:4.5em;min-height:36px;padding:.15rem .4rem}.flash{pointer-events:none;background:var(--on-green);opacity:0;z-index:5;animation:.18s ease-out flash;position:fixed;inset:0}.flash[data-strong]{background:var(--mint)}@keyframes flash{0%{opacity:.22}to{opacity:0}}