.metronome-study-block{width:min(100%,920px);margin:48px auto;color:#f6f1e7}.metronome-heading{margin-bottom:20px}.metronome-heading h2{margin:0 0 8px;color:#fff;font-size:clamp(1.8rem,4vw,2.5rem)}.metronome-heading p{margin:0;color:#b9b4aa;line-height:1.6}.metronome-disclosure{overflow:hidden;border:1px solid rgba(180,153,91,.28);border-radius:24px;background:#111}.metronome-disclosure>summary{display:flex;cursor:pointer;flex-direction:column;gap:5px;padding:24px 28px;list-style:none}.metronome-disclosure>summary::-webkit-details-marker{display:none}.metronome-disclosure>summary span{color:#fff;font-family:"Cormorant Garamond",serif;font-size:2rem;font-weight:600}.metronome-disclosure>summary small{color:#aaa;font-size:.95rem}.metronome-disclosure[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}.bs-metronome{box-sizing:border-box;width:100%;padding:clamp(22px,5vw,42px);border:1px solid rgba(180,153,91,.32);border-radius:24px;background:radial-gradient(circle at top right,rgba(150,122,61,.15),transparent 38%),#111;box-shadow:0 28px 70px rgba(0,0,0,.28);font-family:Inter,sans-serif}.metronome-disclosure .bs-metronome{border:0;border-radius:0;box-shadow:none}.bs-metronome *{box-sizing:border-box}.bs-metronome__readout{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-bottom:25px}.bs-metronome__readout>div{min-width:0;padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);text-align:center}.bs-metronome__readout strong{display:block;overflow:hidden;color:#fff;font-size:clamp(1.55rem,5vw,3.2rem);line-height:1;text-overflow:ellipsis}.bs-metronome__readout span{display:block;margin-top:8px;color:#9e998f;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.bs-metronome__beats{display:flex;justify-content:center;gap:10px;min-height:18px;margin:0 0 25px}.bs-metronome__beat{width:12px;height:12px;border-radius:50%;background:#39362f;transition:transform .08s,background .08s}.bs-metronome__beat.is-active{transform:scale(1.35);background:#d2b36a;box-shadow:0 0 14px rgba(210,179,106,.7)}.bs-metronome__beat:first-child.is-active{background:#fff}.bs-metronome label{color:#c8c2b7;font-size:.82rem;font-weight:600;letter-spacing:.04em}.bs-metronome input,.bs-metronome select,.bs-metronome button{font:inherit;touch-action:manipulation}.bs-metronome input[type=range]{width:100%;accent-color:#b99b56}.bs-metronome__range{display:grid;gap:9px}.bs-metronome__bpm-actions{display:grid;grid-template-columns:56px 1fr 56px;gap:10px;margin:20px 0 28px}.bs-metronome button,.bs-metronome select{min-height:48px;border:1px solid rgba(185,155,86,.35);border-radius:12px;background:#1b1a17;color:#fff}.bs-metronome button{cursor:pointer;font-weight:600}.bs-metronome button:hover{border-color:#b99b56;background:#26231d}.bs-metronome .bs-metronome__primary{background:#9c7f40;color:#fff}.bs-metronome__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bs-metronome__controls label{display:grid;min-width:0;gap:9px}.bs-metronome select{width:100%;padding:0 12px}.bs-metronome__controls input{align-self:center}.bs-metronome__secondary-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.bs-metronome__secondary-actions button{padding:0 22px}@media(max-width:620px){.metronome-study-block{margin:32px auto}.bs-metronome__readout{grid-template-columns:1fr 1fr}.bs-metronome__readout>div:first-child{grid-column:1/-1}.bs-metronome__controls{grid-template-columns:1fr}.metronome-disclosure>summary{padding:20px}.bs-metronome__secondary-actions{display:grid;grid-template-columns:1fr 1fr}.bs-metronome__secondary-actions button{padding:0 10px}}