.tools-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tools-page .hub-cta{cursor:pointer;gap:8px;font-family:inherit;line-height:1.2;transition:background-color .2s,opacity .2s}.tools-page .hub-cta:not(.hub-cta-quiet):hover{opacity:1;background:#0139c7}.tools-page button.hub-cta:disabled{opacity:.5;cursor:not-allowed}.tools-page button:focus-visible,.tools-page a:focus-visible,.tools-page input:focus-visible+span,.tools-page .metro-slider:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.tools-hero{margin-bottom:28px}.tools-privacy{color:var(--color-muted-foreground);margin:14px 0 0;font-size:14px}.tools-panel{margin-bottom:56px}.tools-panel-heading{color:var(--color-foreground);margin:0 0 6px;font-size:18px;font-weight:500}.tools-panel-note{color:var(--color-muted-foreground);margin:0;font-size:14px;line-height:1.55}.tools-text-button{font:inherit;color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:14px;text-decoration:underline}.tools-text-button:disabled{opacity:.4;cursor:default}.tools-explainer{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px 40px;margin-bottom:56px;display:grid}.tools-explainer-item h2{color:var(--color-foreground);margin:0 0 10px;font-size:20px;font-weight:500}.tools-explainer-item p{color:var(--color-muted-foreground);margin:0;font-size:16px;line-height:1.65}.tools-cta{border:1px solid var(--color-border);background:var(--color-panel2);border-radius:16px;padding:32px}.tools-cta-title{letter-spacing:-.01em;color:var(--color-foreground);text-wrap:balance;margin:0 0 12px;font-size:clamp(24px,3.4vw,32px);font-weight:500;line-height:1.15}.tools-cta-body{max-width:64ch;color:var(--color-muted-foreground);margin:0;font-size:16px;line-height:1.6}.tools-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tools-cards>li{display:flex}.tools-card{border:1px solid var(--color-border);background:var(--color-panel2);color:var(--color-foreground);border-radius:16px;flex-direction:column;flex:1;gap:8px;padding:24px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.tools-card:hover{border-color:var(--color-muted-foreground);transform:translateY(-2px)}.tools-card--product{border-color:var(--color-primary)}.tools-card-icon{color:var(--color-foreground);margin-bottom:4px}.tools-card-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:12px}.tools-card-title{margin:0;font-size:20px;font-weight:500}.tools-card-body{color:var(--color-muted-foreground);flex:1;margin:0;font-size:15px;line-height:1.55}.tools-card-open{color:var(--color-info);margin-top:8px;font-size:14px;font-weight:500}[data-theme=light] .tools-card-open{color:var(--color-primary)}.bpm-finder{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;display:grid}.bpm-drop{border:2px dashed var(--color-border-lighter);background:var(--color-panel2);border-radius:16px;flex-direction:column;justify-content:center;min-height:300px;padding:28px;transition:border-color .2s;display:flex;position:relative}.bpm-drop--active{border-style:solid;border-color:var(--color-primary)}.bpm-drop-inner,.bpm-result{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.bpm-drop-icon{color:var(--color-muted-foreground)}.bpm-drop-title{color:var(--color-foreground);margin:4px 0 0;font-size:18px;font-weight:500}.bpm-drop-body{color:var(--color-muted-foreground);margin:0 0 12px;font-size:14px}.bpm-result-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-foreground);margin:0;font-size:12px}.bpm-result-value{color:var(--color-foreground);margin:0;line-height:1}.bpm-result-value span{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(64px,12vw,96px);font-weight:300}.bpm-result-value small{color:var(--color-muted-foreground);font-size:20px}.bpm-result-detail{color:var(--color-muted-foreground);overflow-wrap:anywhere;margin:0;font-size:14px}.bpm-result-confidence{margin:4px 0 0;font-size:14px;font-weight:500}.bpm-result-confidence--confidenceHigh{color:var(--color-success)}.bpm-result-confidence--confidenceMedium,.bpm-result-confidence--confidenceLow{color:var(--color-warning)}.bpm-result-actions{justify-content:center;margin-top:12px}.bpm-status{text-align:center;min-height:20px;color:var(--color-muted-foreground);margin-top:12px;font-size:14px}.bpm-error{margin-top:8px}.tap-tempo{border:1px solid var(--color-border);background:var(--color-panel2);border-radius:16px;flex-direction:column;gap:20px;padding:28px;display:flex}.tap-tempo-controls{flex-direction:column;align-items:center;gap:14px;display:flex}.tap-pad{background:var(--color-primary);color:#fff;width:148px;height:148px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:18px;font-weight:500;display:flex}.tap-pad:hover{background:#0139c7}.tap-pad[data-pulse=a]{animation:.16s ease-out tools-tap-a}.tap-pad[data-pulse=b]{animation:.16s ease-out tools-tap-b}@keyframes tools-tap-a{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes tools-tap-b{0%{transform:scale(.94)}to{transform:scale(1)}}.tap-readout{flex-direction:column;justify-content:center;align-items:center;min-height:56px;display:flex}.tap-readout-bpm{font-variant-numeric:tabular-nums;color:var(--color-foreground);font-size:40px;font-weight:300}.tap-readout-bpm small{color:var(--color-muted-foreground);font-size:16px}.tap-readout-waiting,.tap-readout-count{color:var(--color-muted-foreground);font-size:14px}.metro{border:1px solid var(--color-border);background:var(--color-panel2);border-radius:16px;flex-direction:column;align-items:center;gap:22px;padding:32px 28px;display:flex}.metro-beats{align-items:center;gap:12px;min-height:28px;display:flex}.metro-beat{border:2px solid var(--color-border-lighter);background:0 0;border-radius:50%;width:18px;height:18px;transition:background-color 50ms linear,border-color 50ms linear}.metro-beat--accent{width:26px;height:26px}.metro-beat--on{background:var(--color-info);border-color:var(--color-info)}.metro-beat--accent.metro-beat--on{background:var(--color-primary);border-color:var(--color-primary)}[data-theme=light] .metro-beat--on{background:#4f7bea;border-color:#4f7bea}.metro-tempo{align-items:center;gap:24px;display:flex}.metro-step{border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-foreground);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.metro-step:hover:not(:disabled){background:var(--color-surface-light)}.metro-step:disabled{opacity:.4;cursor:not-allowed}.metro-readout{flex-direction:column;align-items:center;min-width:150px;display:flex}.metro-bpm{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-foreground);font-size:clamp(64px,14vw,96px);font-weight:300;line-height:1}.metro-unit{color:var(--color-muted-foreground);margin-top:4px;font-size:15px}.metro-slider{width:100%;max-width:520px;accent-color:var(--color-primary);cursor:pointer}.metro-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.metro-start{background:var(--color-primary);color:#fff;min-width:148px;font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:17px;font-weight:500;display:inline-flex}.metro-start:hover{background:#0139c7}.metro-start--on{background:var(--color-surface-muted)}[data-theme=light] .metro-start--on{background:#3d3b3e}.metro-tap{padding:14px 22px}.metro-options{flex-wrap:wrap;justify-content:center;gap:20px 32px;display:flex}.metro-group{border:none;min-width:0;margin:0;padding:0}.metro-group legend{color:var(--color-muted-foreground);text-align:center;margin:0 auto 8px;padding:0;font-size:13px}.metro-pills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.metro-pill{cursor:pointer;position:relative}.metro-pill input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.metro-pill span{border:1px solid var(--color-border);color:var(--color-foreground);border-radius:999px;padding:8px 14px;font-size:14px;transition:background-color .2s,border-color .2s;display:inline-block}.metro-pill input:checked+span{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.metro-shortcuts{text-align:center}@media (max-width:760px){.bpm-finder{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.bpm-drop,.tap-tempo,.metro,.tools-cta{padding:20px 16px}.metro-tempo{gap:12px}.metro-readout{min-width:120px}.tools-page .hub-actions>*{text-align:center;flex:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.tap-pad[data-pulse]{animation:none}.tools-card:hover{transform:none}}