.calib-backdrop{z-index:50;background:var(--overlay);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.calib-backdrop[hidden]{display:none}.calib{background:var(--surface);border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow-2);border-radius:18px;outline:none;padding:22px 24px 20px}.calib h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 14px;font-size:22px;font-weight:700}.calib p{min-height:3.9em;color:var(--text-2);margin:14px 0 0;line-height:1.4}.calib-beats{background:var(--surface-3);border-radius:14px;justify-content:space-between;gap:6px;margin:0;padding:14px 10px;list-style:none;display:flex}.calib-beats li{border:2px solid var(--border-strong);border-radius:13px;width:26px;height:26px;transition:background 80ms,border-color 80ms}.calib-beats li.on{border-color:var(--accent-line);background:var(--accent-soft)}.calib-beats li.hit{border-color:var(--accent-line);background:var(--key-down);box-shadow:0 0 12px var(--art-glow)}.calib-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.calib-actions .pill-btn[hidden]{display:none}.calib-actions .pill-btn:disabled{opacity:.55}.calib .pill-btn{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:20px;padding:0 18px;font-size:14px;font-weight:600}.calib .pill-btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.calib .pill-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}