.fency-metronome,.fency-metronome *,.fency-metronome *:before,.fency-metronome *:after{box-sizing:border-box}.fency-metronome{color:#111;font-family:var(--font-body-family, Montserrat, sans-serif);background:#f6f6f6}.fency-metronome__hero{max-width:920px;margin:0 auto;padding:36px 20px 48px}.fency-metronome__eyebrow{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.fency-metronome__title{margin:0 0 12px;font-size:clamp(2rem,4vw,3.15rem);line-height:1.05;letter-spacing:-.03em}.fency-metronome__intro{max-width:40rem;margin:0 0 22px;font-size:1.05rem;line-height:1.55}.fency-metronome__tool{background:#fff;border:1px solid #e6e6e6;border-radius:20px;padding:22px 16px 18px}.fency-metronome button,.fency-metronome input{font-family:inherit}.fency-metronome button{cursor:pointer}.fency-metronome__beats{display:flex;justify-content:center;gap:12px;min-height:28px;margin:0 0 8px}.fency-metronome__beat{width:18px;height:18px;border-radius:50%;background:#e7e7e7}.fency-metronome__beat.is-current{background:#111}.fency-metronome__beat.is-accent{background:#0f7a3a}.fency-metronome__beat.is-secondary{background:#111}.fency-metronome__tempo{display:flex;align-items:center;justify-content:center;gap:8px}.fency-metronome__step,.fency-metronome__bpm{border:0;background:transparent;color:#111}.fency-metronome__step{width:48px;height:48px;border-radius:10px;border:1px solid #e0e0e0;font-size:1.6rem;line-height:1}.fency-metronome__bpm{width:4.2ch;padding:0;font-size:clamp(4.2rem,16vw,6.4rem);font-weight:600;letter-spacing:-.04em;line-height:.9;text-align:center;-webkit-appearance:textfield;appearance:textfield}.fency-metronome__bpm::-webkit-outer-spin-button,.fency-metronome__bpm::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.fency-metronome__unit{margin:0 0 14px;text-align:center;font-size:.82rem;font-weight:700;letter-spacing:.12em}.fency-metronome__slider{display:block;width:100%;max-width:520px;margin:0 auto 18px;accent-color:#111111}.fency-metronome__meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:420px;margin:0 auto 14px;padding:4px;border:1px solid #e4e4e4;border-radius:12px;background:#f6f6f6}.fency-metronome__meter{min-height:44px;border:0;border-radius:8px;background:transparent;color:#111;font-size:.95rem;font-weight:600}.fency-metronome__meter[aria-selected=true]{background:#111;color:#fff}.fency-metronome__actions{display:grid;grid-template-columns:1fr;gap:8px}.fency-metronome__start,.fency-metronome__tap{min-height:52px;border-radius:10px;font-size:1rem;font-weight:700}.fency-metronome__start{border:1px solid #111111;background:#111;color:#fff}.fency-metronome__start[aria-pressed=true]{background:#fff;color:#111}.fency-metronome__start:disabled{opacity:.65;cursor:wait}.fency-metronome__tap{border:1px solid #d9d9d9;background:#fff;color:#111}.fency-metronome__note,.fency-metronome__message{margin:12px 0 0;color:#444;font-size:.92rem;line-height:1.45}.fency-metronome__message{color:#8a1c13;font-weight:600}.fency-metronome__app{margin:10px 0 0;font-size:.92rem}.fency-metronome__app a{color:#111;font-weight:700}.fency-metronome__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fency-metronome__guide{background:#fff;color:#161616}.fency-metronome__guide-inner{max-width:740px;margin:0 auto;padding:56px 20px 72px}.fency-metronome__guide h2{margin:2.2rem 0 .7rem;font-size:clamp(1.55rem,2vw,2rem);letter-spacing:-.03em;line-height:1.15}.fency-metronome__guide h2:first-child{margin-top:0}.fency-metronome__guide p,.fency-metronome__guide li{font-size:1.05rem;line-height:1.6}.fency-metronome__guide ol,.fency-metronome__guide ul{margin:0 0 1rem;padding-left:1.2rem}.fency-metronome__guide li+li{margin-top:.45rem}.fency-metronome__guide a{color:#111;font-weight:700}.fency-metronome__faq details{border-top:1px solid #ececec;padding:12px 0}.fency-metronome__faq details:last-child{border-bottom:1px solid #ececec}.fency-metronome__faq summary{cursor:pointer;font-weight:700}.fency-metronome__question{display:inline;margin:0;font-size:1.05rem;line-height:1.4}.fency-metronome__faq details p{margin:10px 0 4px}.fency-metronome__shop{background:#111;color:#fff}.fency-metronome__shop-inner{max-width:920px;margin:0 auto;padding:42px 20px 48px}.fency-metronome__shop h2{margin:0 0 8px;color:#fff;font-size:clamp(1.6rem,2vw,2.1rem);letter-spacing:-.03em}.fency-metronome__shop p{margin:0 0 16px;color:#d7d7d7}.fency-metronome__shop-links{display:flex;flex-wrap:wrap;gap:10px}.fency-metronome__shop-links a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:#fff;color:#111;font-weight:700;text-decoration:none}.fency-metronome button:focus-visible,.fency-metronome input:focus-visible,.fency-metronome a:focus-visible,.fency-metronome summary:focus-visible{outline:2px solid #111111;outline-offset:3px}.fency-metronome__shop a:focus-visible{outline-color:#fff}@media screen and (min-width:750px){.fency-metronome__hero{padding:56px 28px 64px}.fency-metronome__tool{padding:28px 22px 20px}.fency-metronome__actions{grid-template-columns:1.4fr 1fr;max-width:520px;margin:0 auto}}@media screen and (max-width:749px){.fency-metronome__shop-links a{width:100%}}@media(prefers-reduced-motion:reduce){.fency-metronome__beat{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/metronome.css.map */