.calculator-suite{gap:clamp(6rem,12vw,10rem);display:grid}.calculator-index{border-top:1px solid var(--color-line-strong);display:grid}.calculator-index a{gap:var(--space-3);border-bottom:1px solid var(--color-line);padding:var(--space-4) 0;transition:color var(--duration-fast) var(--ease-heavy), padding var(--duration-fast) var(--ease-spring);grid-template-columns:2.25rem minmax(0,1fr);align-items:center;display:grid}.calculator-index a:hover{color:var(--color-accent);padding-left:.4rem}.calculator-index span,.calculator-entry__number{color:var(--color-signal);font:var(--type-meta);letter-spacing:var(--tracking-meta)}.calculator-index strong{font-size:1rem}.calculator-entry{min-width:0;scroll-margin-top:7rem}.calculator-entry__number{margin:0 0 var(--space-4)}[data-calculator-suite] .py-16{background:0 0;padding:0}[data-calculator-suite] section.py-16.bg-white{background:0 0}[data-calculator-suite] .container{width:100%;max-width:none;padding:0}[data-calculator-suite] .max-w-4xl,[data-calculator-suite] .max-w-5xl{width:100%;max-width:none}[data-calculator-suite] .border-2.border-purple-200.rounded-xl.shadow-lg{border-radius:var(--radius-media);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-line);border:0;overflow:hidden}[data-calculator-suite] .border-2.border-purple-200.rounded-xl.shadow-lg>.text-center{gap:var(--space-4);border-bottom:1px solid var(--color-line-strong);text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:clamp(1.25rem,4vw,2.25rem);display:grid}[data-calculator-suite] .border-2.border-purple-200.rounded-xl.shadow-lg>.text-center>.w-16{grid-row:1/span 2;margin:0}[data-calculator-suite] .border-2.border-purple-200.rounded-xl.shadow-lg>.text-center h2{font:var(--type-card-title);letter-spacing:var(--tracking-card-title);margin:0}[data-calculator-suite] .border-2.border-purple-200.rounded-xl.shadow-lg>.text-center p{max-width:62ch;color:var(--color-muted);margin:.35rem 0 0;font-size:.95rem}[data-calculator-suite] .w-16.h-16{border-radius:var(--radius-bezel-inner);background:var(--color-surface-soft);width:3.5rem;height:3.5rem;color:var(--color-accent);place-items:center;display:grid}[data-calculator-suite] .w-16.h-16 svg{stroke-width:1.65px;width:1.6rem;height:1.6rem}[data-calculator-suite] .p-8{padding:clamp(1.25rem,4vw,2.25rem)}[data-calculator-suite] .p-6{padding:1.5rem}[data-calculator-suite] .p-4{padding:1rem}[data-calculator-suite] .p-3{padding:.75rem}[data-calculator-suite] .p-2{padding:.5rem}[data-calculator-suite] .px-6{padding-inline:1.5rem}[data-calculator-suite] .px-4{padding-inline:1rem}[data-calculator-suite] .px-3{padding-inline:.75rem}[data-calculator-suite] .px-2{padding-inline:.5rem}[data-calculator-suite] .py-6{padding-block:1.5rem}[data-calculator-suite] .py-3{padding-block:.75rem}[data-calculator-suite] .py-2{padding-block:.5rem}[data-calculator-suite] .py-0\.5{padding-block:.125rem}[data-calculator-suite] .pr-10{padding-right:2.5rem}[data-calculator-suite] .grid{display:grid}[data-calculator-suite] .flex{display:flex}[data-calculator-suite] .inline-flex{display:inline-flex}[data-calculator-suite] .flex-col{flex-direction:column}[data-calculator-suite] .flex-wrap{flex-wrap:wrap}[data-calculator-suite] .flex-1{flex:1}[data-calculator-suite] .items-center{align-items:center}[data-calculator-suite] .items-end{align-items:flex-end}[data-calculator-suite] .items-stretch{align-items:stretch}[data-calculator-suite] .justify-center{justify-content:center}[data-calculator-suite] .justify-between{justify-content:space-between}[data-calculator-suite] .gap-2{gap:.5rem}[data-calculator-suite] .gap-3{gap:.75rem}[data-calculator-suite] .gap-4{gap:1rem}[data-calculator-suite] .gap-6{gap:1.5rem}[data-calculator-suite] .gap-8{gap:2rem}[data-calculator-suite] .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}[data-calculator-suite] .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}[data-calculator-suite] .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}[data-calculator-suite] .col-span-2{grid-column:span 2/span 2}[data-calculator-suite] .space-y-1>*+*{margin-top:.25rem}[data-calculator-suite] .space-y-2>*+*{margin-top:.5rem}[data-calculator-suite] .space-y-3>*+*{margin-top:.75rem}[data-calculator-suite] .space-y-4>*+*{margin-top:1rem}[data-calculator-suite] .space-y-6>*+*{margin-top:1.5rem}[data-calculator-suite] .space-y-8>*+*{margin-top:2rem}[data-calculator-suite] .w-full{width:100%}[data-calculator-suite] .w-32{width:8rem}[data-calculator-suite] .w-16{width:4rem}[data-calculator-suite] .w-8{width:2rem}[data-calculator-suite] .w-5{width:1.25rem}[data-calculator-suite] .h-16{height:4rem}[data-calculator-suite] .h-8{height:2rem}[data-calculator-suite] .h-5{height:1.25rem}[data-calculator-suite] .max-w-xs{max-width:20rem}[data-calculator-suite] .max-w-md{max-width:28rem}[data-calculator-suite] .max-w-xl{max-width:36rem}[data-calculator-suite] .max-w-3xl{max-width:48rem}[data-calculator-suite] .mx-auto{margin-inline:auto}[data-calculator-suite] .mt-1{margin-top:.25rem}[data-calculator-suite] .mt-2{margin-top:.5rem}[data-calculator-suite] .mt-3{margin-top:.75rem}[data-calculator-suite] .mt-6{margin-top:1.5rem}[data-calculator-suite] .mb-2{margin-bottom:.5rem}[data-calculator-suite] .mb-4{margin-bottom:1rem}[data-calculator-suite] .ml-2{margin-left:.5rem}[data-calculator-suite] .block{display:block}[data-calculator-suite] .hidden{display:none!important}[data-calculator-suite] .relative{position:relative}[data-calculator-suite] .absolute{position:absolute}[data-calculator-suite] .right-3{right:.75rem}[data-calculator-suite] .top-1\/2{top:50%}[data-calculator-suite] .-translate-y-1\/2{transform:translateY(-50%)}[data-calculator-suite] .pointer-events-none{pointer-events:none}[data-calculator-suite] :where(input,select){border:1px solid var(--color-line-strong);border-radius:var(--radius-input);background:var(--color-surface);min-height:3.15rem;color:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-heavy), box-shadow var(--duration-fast) var(--ease-heavy);padding:.65rem .85rem}[data-calculator-suite] :where(input,select):hover{border-color:var(--color-accent)}[data-calculator-suite] :where(input,select):focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 16%, transparent);outline:none}[data-calculator-suite] input:disabled{background:var(--color-surface-soft);color:var(--color-muted)}[data-calculator-suite] button{border:1px solid var(--color-line-strong);border-radius:var(--radius-input);background:var(--color-surface-raised);min-height:2.8rem;color:var(--color-ink);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring), border-color var(--duration-fast) var(--ease-heavy), background var(--duration-fast) var(--ease-heavy), color var(--duration-fast) var(--ease-heavy);font-weight:700}[data-calculator-suite] button:hover{border-color:var(--color-accent);background:var(--color-surface-soft)}[data-calculator-suite] button:active{transform:scale(.98)}[data-calculator-suite] :where(#calcBtn,#pitchBtn,#tapBtn){border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}[data-calculator-suite] :where(#calcBtn,#pitchBtn):hover{background:var(--color-accent-deep)}[data-calculator-suite] #tapBtn:hover{background:var(--color-accent-deep);color:var(--color-accent-ink)}[data-calculator-suite] #tapBtn{border-radius:var(--radius-bezel-inner);min-height:7rem;font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.75rem,5vw,3.25rem)}[data-calculator-suite] .mode-btn{border-radius:var(--radius-pill)}[data-calculator-suite] .mode-btn.active{border-color:var(--color-signal);background:var(--color-signal);color:var(--color-night)}[data-calculator-suite] .rounded-md{border-radius:.45rem}[data-calculator-suite] .rounded-lg{border-radius:var(--radius-input)}[data-calculator-suite] .rounded-xl{border-radius:var(--radius-bezel-inner)}[data-calculator-suite] .rounded-full{border-radius:var(--radius-pill)}[data-calculator-suite] .border,[data-calculator-suite] .border-2{border:1px solid var(--color-line-strong)}[data-calculator-suite] .border-b{border-bottom:1px solid var(--color-line)}[data-calculator-suite] .bg-white{background:var(--color-surface-raised)}[data-calculator-suite] .bg-gray-50,[data-calculator-suite] .bg-gray-100,[data-calculator-suite] .bg-purple-50,[data-calculator-suite] .bg-purple-100{background:var(--color-surface-soft)}[data-calculator-suite] .bg-purple-600{background:var(--color-accent)}[data-calculator-suite] .text-white{color:var(--color-accent-ink)}[data-calculator-suite] .text-gray-900{color:var(--color-ink)}[data-calculator-suite] .text-gray-700,[data-calculator-suite] .text-gray-600{color:var(--color-ink-soft)}[data-calculator-suite] .text-gray-500,[data-calculator-suite] .text-gray-400{color:var(--color-muted)}[data-calculator-suite] .text-purple-600,[data-calculator-suite] .text-purple-700{color:var(--color-accent)}[data-calculator-suite] .text-xs{font-size:.75rem}[data-calculator-suite] .text-sm{font-size:.875rem}[data-calculator-suite] .text-lg{font-size:1.125rem}[data-calculator-suite] .text-xl{font-size:1.25rem}[data-calculator-suite] .text-2xl{font-size:1.5rem}[data-calculator-suite] .text-3xl{font-size:clamp(1.9rem,4vw,2.75rem)}[data-calculator-suite] .font-medium{font-weight:600}[data-calculator-suite] .font-semibold{font-weight:700}[data-calculator-suite] .font-bold{font-weight:800}[data-calculator-suite] .text-center{text-align:center}[data-calculator-suite] .appearance-none{appearance:none}[data-calculator-suite] .cursor-pointer{cursor:pointer}[data-calculator-suite] :where(#resultBox,#pitchBox){background:var(--color-night);color:#f7f8f8;border:0}[data-calculator-suite] :where(#resultBox,#pitchBox) :where(.text-gray-700,.text-gray-600,.text-gray-500){color:#f7f8f8b3}[data-calculator-suite] :where(#resultValue,#noteName,#bpm,#qMs,#tapCount,#outAudio,#outWav,#outVideo){font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em}[data-calculator-suite] :where(#resultValue,#noteName){color:var(--color-signal)}[data-calculator-suite] #divisions>div{min-width:0}[data-calculator-suite] #divisions span:last-child{font-family:var(--font-mono);font-variant-numeric:tabular-nums}[data-calculator-suite] :where(#outAudio,#outWav,#outVideo){color:var(--color-accent);margin-top:.35rem;font-size:clamp(1.25rem,3vw,1.7rem)}@media (width>=700px){.calculator-index{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}[data-calculator-suite] .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}[data-calculator-suite] .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}[data-calculator-suite] .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}[data-calculator-suite] .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}[data-calculator-suite] .sm\:col-span-3{grid-column:span 3/span 3}}@media (width<=699px){[data-calculator-suite] .grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}[data-calculator-suite] .border-2.border-purple-200.rounded-xl.shadow-lg>.text-center{grid-template-columns:1fr}[data-calculator-suite] .border-2.border-purple-200.rounded-xl.shadow-lg>.text-center>.w-16{grid-row:auto}[data-calculator-suite] .flex:has(>input+button){flex-direction:column}[data-calculator-suite] .w-32{width:100%}}.tools-workspace[data-astro-cid-e2calspi]{padding-top:clamp(2.5rem,5vw,4rem)}.tools-note[data-astro-cid-e2calspi]{gap:var(--space-md);padding:var(--space-lg);color:#f7f8f8;display:grid}.tools-note[data-astro-cid-e2calspi] h2[data-astro-cid-e2calspi]{max-width:920px;font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,4.5rem);line-height:.98}.tools-note[data-astro-cid-e2calspi] .button-secondary{color:#f7f8f8;background:0 0;box-shadow:inset 0 0 0 1px #f7f8f86b}.tools-note[data-astro-cid-e2calspi] .button-secondary:hover{background:#f7f8f814;box-shadow:inset 0 0 0 1px #f7f8f8b3}