.tt-root{--tt-bg:var(--bg-card);--tt-panel:var(--bg-elevated);--tt-panel-2:var(--bg-hover);--tt-border:var(--border-default);--tt-text:var(--text-primary);--tt-muted:var(--text-muted);--tt-accent:var(--brand-500);--tt-accent-bright:var(--accent-interactive-on-dark);--tt-accent-soft:#00c2ff1f;box-sizing:border-box;background:linear-gradient(180deg, var(--tt-panel) 0%, var(--tt-bg) 100%);border:1px solid var(--tt-border);width:100%;max-width:100%;color:var(--tt-text);font-family:var(--font-sans);text-align:center;-webkit-font-smoothing:antialiased;border-radius:20px;margin-inline:auto;padding:2rem 1.5rem}.tt-root *,.tt-root :before,.tt-root :after{box-sizing:inherit}.tt-header{margin-bottom:1.25rem}.tt-title{letter-spacing:.16em;text-transform:uppercase;color:var(--tt-muted);margin:0;font-size:.85rem;font-weight:700}.tt-subtitle{color:var(--tt-muted);margin:.45rem 0 0;font-size:.85rem}.tt-subtitle kbd{border:1px solid var(--tt-border);background:var(--tt-panel-2);border-bottom-width:2px;border-radius:6px;padding:.1rem .4rem;font-family:inherit;font-size:.75rem}.tt-bpm-display{flex-direction:column;align-items:center;margin:1.25rem 0 .35rem;display:flex}.tt-bpm-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(4rem,18vw,6rem);font-weight:800;line-height:1}.tt-bpm-empty{color:var(--tt-muted)}.tt-bpm-unit{letter-spacing:.32em;color:var(--tt-muted);margin-top:.3rem;font-size:.8rem;font-weight:700}.tt-bpm-hint{color:var(--tt-muted);margin-top:.55rem;font-size:.85rem}.tt-tempo-labels{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:1.7rem;margin-bottom:1.35rem;display:flex}.tt-label-chip{background:var(--tt-accent-soft);color:#a8c6ff;border-radius:999px;padding:.28rem .75rem;font-size:.78rem;font-weight:600}.tt-label-chip-alt{border:1px solid var(--tt-border);color:var(--tt-muted);background:0 0;font-weight:500}.tt-tap-button{aspect-ratio:1;width:min(64vw,190px);color:var(--tt-text);letter-spacing:.24em;text-indent:.24em;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 32%,#123a5c 0%,#09162a 72%);border:1px solid #00c2ff85;border-radius:50%;place-items:center;margin-inline:auto;font-size:1.35rem;font-weight:800;transition:transform 90ms,box-shadow 90ms;display:grid;position:relative;box-shadow:0 0 0 8px #00c2ff12,0 14px 34px #0208178c,inset 0 1px #ffffff0f}.tt-tap-button:hover{border-color:#00c2ffd9;box-shadow:0 0 0 10px #00c2ff1f,0 14px 34px #0208178c,inset 0 1px #ffffff14}.tt-tap-button:active{transform:scale(.95)}.tt-tap-button:focus-visible{outline:2px solid var(--tt-accent-bright);outline-offset:4px}.tt-tap-text{pointer-events:none}.tt-tap-pulse{pointer-events:none;border:2px solid #60a5fad9;border-radius:50%;animation:.48s ease-out forwards tt-pulse;position:absolute;inset:-1px}@keyframes tt-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.tt-tap-pulse{animation-duration:1ms}.tt-tap-button{transition:none}}.tt-meta{justify-content:center;align-items:center;gap:1rem;margin-top:1.6rem;display:flex}.tt-tap-count{color:var(--tt-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.tt-reset-button{border:1px solid var(--tt-border);color:var(--tt-muted);cursor:pointer;background:0 0;border-radius:10px;padding:.45rem 1.15rem;font-size:.82rem;font-weight:600;transition:color .15s,border-color .15s}.tt-reset-button:hover{color:var(--tt-text);border-color:#33497a}.tt-reset-button:focus-visible{outline:2px solid var(--tt-accent-bright);outline-offset:2px}.tt-history{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.3rem;display:flex}.tt-history-title{letter-spacing:.14em;text-transform:uppercase;color:var(--tt-muted);font-size:.7rem;font-weight:700}.tt-history-list{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tt-history-item{background:var(--tt-panel-2);border:1px solid var(--tt-border);color:#c4d4f2;font-variant-numeric:tabular-nums;border-radius:8px;min-width:2.2rem;padding:.22rem .5rem;font-size:.82rem;font-weight:600}@media (min-width:761px){.tt-root{grid-template-columns:minmax(210px,.8fr) minmax(240px,1fr) minmax(210px,.8fr);grid-template-areas:"header header header""bpm tap meta""tempo tap history";align-items:center;gap:.5rem 1.25rem;padding:1.25rem 2rem;display:grid}.tt-header{grid-area:header;margin-bottom:.25rem}.tt-bpm-display{grid-area:bpm;margin:0}.tt-bpm-value{font-size:clamp(4.5rem,8vw,6rem)}.tt-tempo-labels{grid-area:tempo;margin:0}.tt-tap-button{grid-area:tap;width:min(20vw,220px)}.tt-meta{grid-area:meta;margin:0}.tt-history{grid-area:history;margin:0}}@media (max-width:760px){.tt-root{max-width:460px}}
.page-module__kGIDiG__page{padding:var(--space-8) 0 var(--space-24);overflow:hidden}.page-module__kGIDiG__hero{max-width:820px;margin:0 auto var(--space-10);text-align:center;position:relative}.page-module__kGIDiG__hero:before{content:"";z-index:-1;filter:blur(18px);pointer-events:none;background:radial-gradient(#003eff21,#0000 68%);width:min(900px,120vw);height:500px;position:absolute;top:-170px;left:50%;transform:translate(-50%)}.page-module__kGIDiG__eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding:6px var(--space-4);border:1px solid var(--border-light-subtle);border-radius:var(--radius-full);color:var(--text-on-light-muted);font-size:var(--text-xs);letter-spacing:.02em;background:#ffffffb3;font-weight:600;display:inline-flex}.page-module__kGIDiG__eyebrowDot{background:var(--accent-success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #00e55a1f}.page-module__kGIDiG__hero h1{margin-bottom:var(--space-4);color:var(--text-on-light);font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.04}.page-module__kGIDiG__hero h1:after{width:96px;height:4px;margin:var(--space-4) auto 0;border-radius:var(--radius-full);background:var(--accent-gradient);content:"";display:block}.page-module__kGIDiG__hero p{max-width:68ch;color:var(--text-on-light-sub);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:0 auto}.page-module__kGIDiG__hero p+p{margin-top:var(--space-3);font-size:var(--text-md)}.page-module__kGIDiG__hero strong{color:var(--text-on-light)}.page-module__kGIDiG__toolStage{max-width:1120px;margin:0 auto var(--space-16);padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--bg-card);box-shadow:var(--shadow-xl), var(--shadow-glow-brand)}.page-module__kGIDiG__toolStageHeader{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:920px;margin:0 auto var(--space-4);color:var(--text-primary);display:flex}.page-module__kGIDiG__toolStageHeader h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin:0}.page-module__kGIDiG__toolKicker{margin-bottom:var(--space-1);color:var(--accent-interactive-on-dark);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.page-module__kGIDiG__liveBadge{border-radius:var(--radius-full);color:#70f5a0;font-size:var(--text-xs);background:#00e55a14;border:1px solid #00e55a47;flex-shrink:0;padding:5px 10px;font-weight:600}.page-module__kGIDiG__toolStage .tt-root{max-width:100%;padding-top:var(--space-5);box-shadow:none;border-color:#ffffff17}.page-module__kGIDiG__article{max-width:800px;margin:0 auto}.page-module__kGIDiG__article>section{padding-top:var(--space-10);margin-top:var(--space-10);border-top:1px solid var(--border-light-subtle)}.page-module__kGIDiG__article>section:first-child{border-top:0;margin-top:0;padding-top:0}.page-module__kGIDiG__article h2{margin-bottom:var(--space-4);color:var(--text-on-light);font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-tight);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.page-module__kGIDiG__article h3{margin:var(--space-8) 0 var(--space-3);color:var(--text-on-light);font-size:var(--text-lg);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.page-module__kGIDiG__article p,.page-module__kGIDiG__article li{color:var(--text-on-light-sub);line-height:var(--leading-relaxed)}.page-module__kGIDiG__article p{max-width:70ch}.page-module__kGIDiG__article p+p,.page-module__kGIDiG__article p+ul,.page-module__kGIDiG__article p+ol,.page-module__kGIDiG__article ul+p,.page-module__kGIDiG__article ol+p{margin-top:var(--space-4)}.page-module__kGIDiG__article ul,.page-module__kGIDiG__article ol{padding-left:var(--space-6)}.page-module__kGIDiG__article li+li{margin-top:var(--space-2)}.page-module__kGIDiG__article strong{color:var(--text-on-light)}.page-module__kGIDiG__article a{color:var(--brand-600);text-underline-offset:3px;transition:color var(--transition-fast), text-decoration-color var(--transition-fast);font-weight:700;text-decoration:underline #003eff4d}.page-module__kGIDiG__article a:hover{color:var(--brand-700);text-decoration-color:currentColor}.page-module__kGIDiG__relatedTool{padding:var(--space-4) var(--space-5);border-left:3px solid var(--brand-500);background:var(--accent-gradient-subtle)}.page-module__kGIDiG__article table{width:100%;margin:var(--space-6) 0;border-collapse:collapse;border:1px solid var(--border-light-default);border-radius:var(--radius-lg);text-align:left;background:#ffffffb8;overflow:hidden}.page-module__kGIDiG__article th,.page-module__kGIDiG__article td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light-subtle);color:var(--text-on-light-sub)}.page-module__kGIDiG__article th{color:var(--text-on-light);background:var(--bg-secondary);font-size:var(--text-sm);font-weight:700}.page-module__kGIDiG__article tr:last-child td{border-bottom:0}@media (max-width:640px){.page-module__kGIDiG__page{padding-top:var(--space-6)}.page-module__kGIDiG__hero{margin-bottom:var(--space-8)}.page-module__kGIDiG__hero p{font-size:var(--text-md)}.page-module__kGIDiG__toolStage{margin-right:calc(var(--space-4) * -1);margin-left:calc(var(--space-4) * -1);padding:var(--space-4);border-left:0;border-right:0;border-radius:0}.page-module__kGIDiG__toolStageHeader{align-items:flex-start}.page-module__kGIDiG__liveBadge{font-size:.68rem}.page-module__kGIDiG__article th,.page-module__kGIDiG__article td{padding:var(--space-2) var(--space-3)}}@media (prefers-reduced-motion:reduce){.page-module__kGIDiG__hero:before{filter:none}}