@font-face{font-family:Space Grotesk;src:url('/assets/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Space Mono;src:url('/assets/space-mono-bold-latin.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--mint:#d8f3e5;--ink:#192b24;--muted:#51665b;--line:#b8d5c5;--violet:#7350bd;--lavender:#d2b9fb;--paper:#f6f7f2;--font:'Space Grotesk',Arial,sans-serif;font-family:var(--font);color:var(--ink);background:var(--mint);font-size:16px;font-synthesis: none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:5px}p{line-height:1.65;text-wrap:pretty}h1,h2,h3{line-height:1.15;text-wrap:balance;letter-spacing:-.04em}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}::selection{background:var(--lavender);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:5;top:12px;left:12px;background:var(--ink);color:white;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:1.7rem;font-weight:700;letter-spacing:-.065em}.brand-dot{color:var(--violet);margin-left:-9px}.brand-icon{display:flex;gap:3px;align-items:center;height:24px;margin-right:1px}.brand-icon i{width:4px;border-radius:3px;background:var(--ink);height:14px}.brand-icon i:nth-child(2){height:23px}.brand-icon i:nth-child(3){height:18px}.brand-icon i:nth-child(4){height:10px}.site-header nav{display:flex;gap:32px;font-size:.875rem;font-weight:500}.site-header nav span{margin-left:6px;color:var(--violet)}.site-header nav a:hover{color:var(--violet)}.hero{text-align:center;padding-top:30px}h1{font-size:clamp(3rem,6vw,4.1rem);font-weight:600;margin:12px 0 11px;letter-spacing:-.065em}.title-dot{color:var(--violet)}.mode-switch{display:inline-flex;background:#c7e6d6;border:1px solid #bcd9ca;border-radius:30px;padding:5px;gap:4px;margin-top:23px}.mode{padding:11px 19px;border-radius:22px;background:transparent;font-size:.9375rem;font-weight:500;display:flex;align-items:center;gap:7px;transition:background .18s,color .18s}.mode svg{height:15px;width:15px}.mode:hover{background:#d8f3e5}.mode.active{background:var(--ink);color:var(--mint)}.counter-zone{position:relative;display:flex;justify-content:center;align-items:center;margin:10px auto 0;min-height:195px;max-width:820px}.counter-display{display:flex;align-items:center;flex-direction:column}#bpm{font-family:'Space Mono',monospace;font-size:clamp(7.5rem,14vw,10rem);line-height:1.15;letter-spacing:-.08em;font-weight:700;font-variant-numeric:tabular-nums;min-width:3.4ch;display:block;transition:color .15s}.bpm-unit{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:5px}.beat-strip{height:32px;display:flex;justify-content:center;align-items:center;gap:6px;margin:10px auto 18px;max-width:390px}.beat-strip i{width:3px;height:9px;border-radius:3px;background:#adcdb9;transition:height .15s,background .15s}.beat-strip i:nth-child(4n){height:20px}.beat-strip i:nth-child(5n){height:15px}.beat-strip i:nth-child(7n){height:28px}.beat-strip i:nth-child(11n){height:35px}.beat-strip i.lit{background:var(--violet);height:32px}.tap-button{margin:auto;display:flex;align-items:center;justify-content:center;gap:17px;border-radius:16px;background:var(--lavender);border:1px solid #b79adc;padding:19px 24px;font-weight:600;font-size:1.125rem;min-width:310px;box-shadow:0 4px 0 #bca2df;transition:background .15s,transform .12s,box-shadow .12s}.tap-button:hover{background:#c7a8f6}.tap-button:active{transform:translateY(3px);box-shadow:0 1px 0 #bca2df}kbd{font-family:var(--font);font-size:.75rem;font-weight:500;line-height:1.3;padding:4px 7px;border:1px solid currentColor;border-radius:5px;opacity:.65;white-space:nowrap}.hint{font-size:.875rem;margin:18px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:465px;margin:26px auto 22px}.stats>div{display:flex;align-items:center;flex-direction:column;gap:8px;padding:0 10px}.stats>div+div{border-left:1px solid var(--line)}.stat-label{font-size:.875rem;color:var(--muted)}.stats output{font-family:'Space Mono',monospace;font-size:1.0625rem;font-variant-numeric:tabular-nums}.stats small{font-family:var(--font);font-size:.875rem;font-weight:400;color:var(--muted)}.tool-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin:22px auto 39px}.tool-actions button{display:flex;align-items:center;justify-content:center;gap:7px;background:none;font-size:.875rem;padding:7px 3px;color:var(--muted)}.tool-actions button:hover:enabled{color:var(--violet)}.tool-actions svg{width:15px;height:15px}.tool-actions kbd{font-size:.75rem;padding:3px 5px}.action-divider{height:14px;border-left:1px solid var(--line)}.tempo-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.icon-button{font-size:1.5rem;background:#c7e6d6;border:1px solid var(--line);border-radius:50%;width:42px;height:42px}.icon-button:hover{background:var(--lavender)}#tempo-input{font-size:1rem;font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#e8f9ee;border-radius:8px;max-width:76px;padding:10px}#beats{font-size:1rem;background:transparent;border:1px solid var(--line);border-radius:8px;padding:11px 8px}#tempo-range{display:block;accent-color:var(--violet);width:min(350px,90%);margin:22px auto 26px;height:18px}.metronome-beats{display:flex;justify-content:center;gap:10px;margin:24px auto}.metronome-beats i{width:12px;height:12px;border:1px solid #95b7a3;border-radius:50%;background:#c7e6d6}.metronome-beats i.lit{background:var(--violet);border-color:var(--violet)}.how-section{background:var(--paper);padding:65px 0 67px;border-top:1px solid var(--line);border-bottom:1px solid #dedfd7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.section-heading h2{font-size:2.2rem;letter-spacing:-.05em;margin-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:47px}.steps h3{font-size:1.1875rem;letter-spacing:-.025em;margin:0 0 12px}.steps p{font-size:1rem;color:var(--muted)}.guide-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-top:84px;padding-bottom:78px}.guide-intro h2{font-size:2.2rem;letter-spacing:-.055em;margin:0 0 23px}.guide-intro p{font-size:1rem;color:var(--muted);max-width:65ch}.guide-intro p+p{margin-top:14px}.tempo-table{align-self:center}.tempo-row{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:10px;border-bottom:1px solid var(--line);padding:18px 0;align-items:center;font-size:.9375rem}.tempo-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.tempo-row>span:nth-child(2){font-size:.875rem;color:var(--muted)}.tempo-row strong{font-weight:500}.tempo-row.table-head{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding-top:0;padding-bottom:17px}.tempo-row.table-head>span{font-size:.875rem}.notes-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-top:58px;padding-bottom:75px}.notes-title h2{font-size:2.15rem;letter-spacing:-.055em;margin:0}.questions details{border-bottom:1px solid var(--line)}.questions summary{cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;padding:21px 0;font-size:1rem;font-weight:500;line-height:1.5}.questions details:first-child summary{padding-top:0}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:1.25rem;font-weight:400;flex-shrink:0;transition:transform .2s}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:1rem;color:var(--muted);padding-bottom:22px;max-width:70ch}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0 34px;border-top:1px solid var(--line)}.site-footer .brand{font-size:1.45rem}.notice{padding:12px;border:1px solid var(--violet);margin-top:20px}
@media(min-width:1500px){.hero{padding-top:62px}.counter-zone{min-height:265px}}
@media(max-width:900px){.wrap{width:calc(100% - 64px)}.guide-section,.notes-section{gap:45px}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.9rem}.steps{gap:24px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:18px}.brand{font-size:1.45rem}.site-header nav{gap:16px;font-size:.875rem}.site-header nav span{display:none}.brand-icon{gap:2px}.brand-icon i{width:3px}.hero{padding-top:35px}h1{font-size:3.7rem;margin-top:14px}.mode-switch{margin-top:23px}.mode{padding:10px 16px}.counter-zone{min-height:203px;margin-top:16px}#bpm{font-size:clamp(6.5rem,25vw,9rem)}.bpm-unit{margin-top:12px}.beat-strip{max-width:270px;gap:5px;margin:5px auto 22px}.beat-strip i{width:2px}.tap-button{min-width:0;width:min(340px,100%);font-size:1rem;padding:18px 20px;gap:15px}.hint{font-size:.875rem;line-height:1.6;margin-top:16px}.stats{margin-top:25px}.stats>div{padding:0 8px}.stats output{font-size:1rem}.tool-actions{margin-bottom:30px}.how-section{padding:42px 0}.section-heading{display:block}.section-heading h2{font-size:1.9rem}.steps{grid-template-columns:1fr;gap:27px;margin-top:32px}.steps h3{margin-top:0;font-size:1.125rem}.guide-section,.notes-section{grid-template-columns:1fr;gap:34px;padding-top:48px;padding-bottom:47px}.guide-intro h2{font-size:2.6rem}.tempo-row{grid-template-columns:1fr 1.2fr .8fr;font-size:.9375rem;padding:16px 0}.tempo-row>span:nth-child(2){font-size:.875rem}.notes-title h2{font-size:1.9rem}.questions summary{font-size:1rem}.site-footer{flex-wrap:wrap;gap:15px;padding:24px 0}.tempo-controls{gap:8px}.icon-button{width:38px;height:38px}.tempo-controls select{max-width:140px}#beats{font-size:1rem;padding:9px 3px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.site-header nav{gap:10px;font-size:.875rem}.brand{font-size:1.25rem}.site-header .brand-icon{display:none}h1{font-size:3.2rem}.tap-button{gap:10px}.tempo-controls select{max-width:130px}.tempo-row{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.site-footer nav{display:flex;gap:22px;font-size:.875rem;color:var(--muted);flex-wrap:wrap}.site-footer nav a:hover{color:var(--violet);text-decoration:underline}.site-header .brand{font-size:1.45rem;letter-spacing:-.055em;white-space:nowrap}.support-main{padding:62px 0 0}.support-heading{padding-bottom:48px;border-bottom:1px solid var(--line);margin-bottom:48px}.support-heading h1{font-size:clamp(2.5rem,5vw,4.3rem);margin-top:0}.support-heading>p{font-size:.9375rem;color:var(--muted);margin-top:20px}.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:90px}.legal-toc nav{display:flex;flex-direction:column;gap:15px;margin-top:0}.legal-toc a{font-size:.9375rem;line-height:1.5;color:var(--muted)}.legal-toc a:hover{color:var(--violet)}.legal-copy{max-width:70ch}.legal-copy section+section{margin-top:32px}.legal-copy h2{font-size:1.45rem;letter-spacing:-.025em;margin-bottom:14px}.legal-copy p{font-size:1rem;color:var(--muted)}.legal-copy p+p{margin-top:12px}.legal-copy a,.contact-layout p a{color:var(--violet);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.support-back{padding:40px 0 44px;margin-top:48px;border-top:1px solid var(--line);font-size:.875rem}.support-back a:hover{color:var(--violet)}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.contact-layout h2{font-size:2rem;letter-spacing:-.045em;margin-bottom:20px}.contact-layout p{font-size:1rem;color:var(--muted);max-width:65ch}.contact-topics{margin-top:34px}.contact-topics h3{font-size:1.15rem;margin:25px 0 10px;letter-spacing:-.02em}.contact-card{background:var(--lavender);border:1px solid #b79adc;border-radius:22px;padding:34px;align-self:start}.contact-card h2{margin-top:0}.contact-email{font-size:clamp(.9375rem,1.4vw,1.125rem);font-weight:600;overflow-wrap:anywhere;line-height:1.5;display:block;margin-bottom:22px;text-decoration:underline;text-underline-offset:5px}.contact-card p{font-size:1rem;color:var(--ink)}.contact-card hr{border:0;border-top:1px solid #a88dcf;margin:26px 0}
@media(max-width:900px){.site-header .brand{font-size:1.3rem}.legal-layout{gap:40px;grid-template-columns:190px minmax(0,1fr)}.contact-layout{gap:35px}.contact-card{padding:25px}.site-footer{flex-wrap:wrap}.site-footer nav{gap:20px}}
@media(max-width:600px){.site-header{display:flex;flex-wrap:wrap;gap:13px;padding:18px 0;height:auto;min-height:104px}.site-header .brand{font-size:1.4rem;width:100%}.site-header nav{font-size:.875rem;gap:24px}.site-header .brand-icon{display:flex}.site-footer .brand{font-size:1.35rem}.site-footer nav{gap:24px;font-size:.875rem}.support-main{padding-top:38px}.support-heading{padding-bottom:30px;margin-bottom:30px}.support-heading h1{font-size:2.65rem}.legal-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.legal-toc{padding-bottom:25px;border-bottom:1px solid var(--line)}.legal-toc nav{gap:12px}.legal-copy h2{font-size:1.3rem}.contact-layout h2{font-size:1.75rem}.contact-card{padding:25px}.contact-email{font-size:1rem}.support-back{padding:30px 0;margin-top:35px}}
@media(max-height:750px){.hero{padding-top:20px}.hero h1{margin-top:10px;margin-bottom:6px}.mode-switch{margin-top:18px}.counter-zone{min-height:160px;margin-top:6px}#bpm{font-size:clamp(6.5rem,12vw,8rem)}.beat-strip{height:28px;margin:4px auto 16px}.bpm-unit{margin-top:5px}}
@media(max-height:750px) and (max-width:600px){.site-header{padding-top:14px;padding-bottom:14px;min-height:88px}.hero h1{font-size:3.25rem}.hint{margin-top:13px}}
/* Repeated taps must not highlight page text; editable controls remain usable. */
body.tap-input-active{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.tap-input-active :is(input,textarea,[contenteditable="true"]){-webkit-user-select:text;user-select:text}
.tap-button{-webkit-user-select:none;user-select:none}
.tap-instruction{font-size:1.125rem;font-weight:500;line-height:1.5}
/* A light viewport tint confirms each tap without blocking page controls. */
body::before{content:'';position:fixed;inset:0;z-index:4;pointer-events:none;background:var(--lavender);opacity:0;transition:opacity 160ms cubic-bezier(0.23,1,0.32,1)}
body.tap-flash::before{opacity:.28;transition:none}
@media(prefers-reduced-motion:reduce){body::before{display:none}}

/* Google reCAPTCHA gate and verified contact details. */
.contact-card #contact-gate>p{margin-bottom:18px}
#contact-recaptcha{min-height:78px;max-width:100%;overflow:hidden}
.contact-status{font-size:.875rem;color:var(--muted);margin-top:16px}
.contact-card #contact-details h3{font-size:1.1rem;margin:23px 0 10px}
.contact-card #contact-details .contact-faq{margin-top:18px}
.steps p a,.guide-intro p a,.questions p a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.learning-section{border-top:1px solid var(--line);padding-block:45px 55px}.learning-section>h2{font-size:2rem;margin-block:14px 28px}.learning-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.learning-links article{border-top:1px solid var(--line);padding-top:24px}.learning-links h3{font-size:1.25rem;line-height:1.4;margin-bottom:12px}.learning-links a{display:block;padding-block:8px;text-decoration:underline;text-underline-offset:4px}.learning-links a:hover{color:var(--violet)}.learning-links p{color:var(--muted);max-width:60ch}
.breadcrumbs{margin-bottom:25px;color:var(--muted);font-size:.875rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.breadcrumbs li+li::before{content:'/';margin-right:10px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.legal-copy ol{padding-left:24px;color:var(--muted);line-height:1.7;margin-block:18px}.legal-copy li+li{margin-top:8px}.guide-table{width:100%;border-collapse:collapse;margin-block:24px;color:var(--muted);font-size:.9375rem;line-height:1.5}.guide-table caption{text-align:left;font-weight:600;color:var(--ink);padding-bottom:12px}.guide-table th,.guide-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;overflow-wrap:anywhere}.guide-table th{color:var(--ink);font-weight:500}.guide-related{margin-top:45px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.guide-related h2{font-size:1.5rem;margin-bottom:12px}.guide-related a{display:inline-block;padding-block:8px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.learning-links{grid-template-columns:1fr;gap:24px}.learning-section>h2{font-size:1.75rem}.guide-table{font-size:.8125rem}.guide-table th,.guide-table td{padding:10px 5px}.guide-related{padding:22px}}
.bpm-copy-section{padding-block:56px;border-bottom:1px solid var(--line)}.bpm-copy-section>h2{font-size:clamp(1.75rem,3vw,2.25rem);margin-bottom:20px}.bpm-copy-intro{max-width:78ch;color:var(--muted)}.bpm-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;margin-top:36px}.bpm-copy-grid h3{font-size:1.3rem;line-height:1.35;margin-bottom:14px}.bpm-copy-grid p{font-size:1rem;color:var(--muted)}.bpm-copy-grid p+p{margin-top:14px}.bpm-copy-grid a{color:var(--violet);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.bpm-copy-grid strong{color:var(--ink);font-weight:600}.bpm-use-cases{grid-column:1/-1;max-width:78ch;border-top:1px solid var(--line);padding-top:28px}
@media(max-width:600px){.bpm-copy-section{padding-block:40px}.bpm-copy-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.bpm-copy-grid h3{font-size:1.2rem}}