:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-glyphs:ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif;--brand-50:oklch(96.9% .016 293.756);--brand-100:oklch(94.3% .029 294.588);--brand-300:oklch(81.1% .111 293.571);--brand-400:oklch(70.2% .183 293.541);--brand-500:oklch(60.6% .25 292.717);--brand-600:oklch(54.1% .281 293.009);--brand-700:oklch(49.1% .27 292.581);--fuchsia-500:oklch(66.7% .295 322.15);--pink-500:oklch(65.6% .241 354.308);--blue-500:oklch(62.3% .214 259.815);--sky-500:oklch(68.5% .169 237.323);--teal-500:oklch(70.4% .14 182.503);--emerald-50:oklch(97.9% .021 166.113);--emerald-400:oklch(76.5% .177 163.223);--emerald-500:oklch(69.6% .17 162.48);--emerald-600:oklch(59.6% .145 163.225);--amber-400:oklch(82.8% .189 84.429);--amber-500:oklch(76.9% .188 70.08);--amber-600:oklch(66.6% .179 58.318);--rose-400:oklch(71.2% .194 13.428);--rose-500:oklch(64.5% .246 16.439);--rose-600:oklch(58.6% .253 17.585);--gray-50:oklch(98.5% 0 0);--gray-100:oklch(96.7% .001 286.375);--gray-200:oklch(92% .004 286.32);--gray-300:oklch(87.1% .006 286.286);--gray-400:oklch(70.5% .015 286.067);--gray-500:oklch(55.2% .016 285.938);--gray-600:oklch(44.2% .017 285.786);--gray-700:oklch(37% .013 285.805);--gray-800:oklch(27.4% .006 286.033);--gray-900:oklch(21% .006 285.885);--gray-950:oklch(14.1% .005 285.823);--bg:#fff;--card:#fff;--text:var(--gray-900);--strong:var(--gray-950);--muted:var(--gray-600);--subtle:var(--gray-400);--surface:#fff;--surface-2:var(--gray-50);--surface-3:var(--gray-100);--field:color-mix(in oklab, var(--gray-100) 80%, transparent);--field-hover:var(--gray-100);--border:color-mix(in oklab, var(--gray-200) 80%, transparent);--border-strong:var(--gray-200);--accent:var(--brand-600);--accent-soft:var(--brand-50);--accent-text:var(--brand-700);--accent-border:var(--brand-300);--grad:linear-gradient(90deg, var(--brand-500), var(--fuchsia-500), var(--pink-500));--grad-btn:linear-gradient(120deg, var(--brand-600), var(--fuchsia-500));--shadow-sm:0 1px 2px 0 #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000f;--good:var(--emerald-500);--hs-a:var(--gray-100);--hs-b:var(--gray-200);--hs-line:var(--gray-300);--hs-string:var(--gray-400);--hs-post:var(--gray-400);--gauge-track:var(--gray-100);--icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--bg:var(--gray-950);--card:var(--gray-900);--text:var(--gray-100);--strong:#fff;--muted:var(--gray-400);--subtle:var(--gray-500);--surface:#ffffff08;--surface-2:#ffffff08;--surface-3:#ffffff12;--field:#ffffff0d;--field-hover:#ffffff1a;--border:#ffffff1a;--border-strong:#ffffff1f;--accent:var(--brand-400);--accent-soft:color-mix(in oklab, var(--brand-500) 15%, transparent);--accent-text:var(--brand-300);--accent-border:color-mix(in oklab, var(--brand-500) 45%, transparent);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-lg:0 10px 25px -5px #00000080;--hs-a:var(--gray-800);--hs-b:oklch(24% .006 286);--hs-line:#ffffff1f;--hs-string:var(--gray-500);--hs-post:var(--gray-500);--gauge-track:#ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01"}img,svg,canvas,video{max-width:100%;display:block}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;background:0 0;border-radius:0}button{cursor:pointer}ol,ul{list-style:none}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}table{border-collapse:collapse}[hidden]:where(:not([hidden=until-found])){display:none!important}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}::selection{background:color-mix(in oklab, var(--brand-500) 25%, transparent)}[popover]{color:inherit}.sprite{width:0;height:0;position:absolute;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset-inline-start:1rem;z-index:100;background:var(--strong);color:var(--bg);border-radius:.75rem;padding:.5rem 1rem;font-weight:600;transition:top .15s;position:absolute;top:-4rem}.skip-link:focus{top:1rem}.icon{flex-shrink:0;width:1.25rem;height:1.25rem}.icon.size-4,.size-4{width:1rem;height:1rem}.only-dark,.dark .only-light{display:none}.dark .only-dark{display:block}.hide-sm{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=40rem){.hide-sm{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}.w-full{width:100%}.center{text-align:center}.grow{flex:auto}.stack-xs{gap:.125rem;display:grid}.stack-sm>*+*{margin-top:1.25rem}.stack-lg>*+*{margin-top:3rem}.num{text-align:end;font-variant-numeric:tabular-nums}.page{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.page-glow{inset-inline:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 50% 0%, color-mix(in oklab, var(--brand-500) 12%, transparent), transparent);height:38rem;position:absolute;top:0}.dark .page-glow{background:radial-gradient(60% 60% at 50% 0%, color-mix(in oklab, var(--brand-500) 18%, transparent), transparent)}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem}@media (width>=40rem){.container{padding-inline:1.5rem}}.main{flex:1;padding-top:2.5rem;padding-bottom:5rem}@media (width>=40rem){.main{padding-top:3.5rem}}.wide{max-width:64rem;margin-inline:auto}.main>*+*{margin-top:4rem}.main>.tuner,.main>.tool-panel{margin-top:1.75rem}.main>.chip-row{margin-top:1.25rem}.btn-ghost,.btn-icon,.btn-secondary,.btn-primary,.btn-chip{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding-inline:1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s;display:inline-flex}.btn-ghost,.btn-icon{color:var(--muted);padding-inline:.75rem}.btn-icon{width:2.5rem;padding-inline:0}@media (hover:hover){.btn-ghost:hover,.btn-icon:hover{background:var(--field-hover);color:var(--strong)}}.btn-outline{border:1px solid var(--border-strong);background:var(--card);box-shadow:var(--shadow-sm);width:3rem;height:3rem}.btn-secondary{border:1px solid var(--border-strong);background:var(--card);color:var(--gray-700);box-shadow:var(--shadow-sm)}.dark .btn-secondary{color:var(--gray-200);background:#ffffff0d}@media (hover:hover){.btn-secondary:hover{background:var(--gray-50);color:var(--strong)}.dark .btn-secondary:hover{background:#ffffff1a}}.btn-primary{color:#fff;background:var(--grad-btn);box-shadow:0 8px 20px -6px color-mix(in oklab, var(--brand-600) 55%, transparent)}@media (hover:hover){.btn-primary:hover{filter:brightness(1.07);box-shadow:0 10px 24px -6px color-mix(in oklab, var(--brand-600) 65%, transparent)}}.btn-primary:active,.btn-secondary:active{transform:translateY(1px)}.btn-lg{border-radius:999px;height:3.25rem;padding-inline:1.5rem;font-size:1rem;font-weight:600}.btn-chip{border:1px solid var(--border-strong);background:var(--card);height:2.25rem;color:var(--muted);padding-inline:.75rem;font-size:.8125rem}@media (hover:hover){.btn-chip:hover{color:var(--strong);border-color:var(--accent-border)}}.btn-chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-border)}.pill{border-radius:999px}:is(.btn-ghost,.btn-icon,.btn-secondary,.btn-primary,.btn-chip):focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.site-header{border-bottom:1px solid color-mix(in oklab, var(--gray-200) 70%, transparent)}.dark .site-header{border-color:#ffffff0f}.header-row{align-items:center;gap:.25rem;height:4rem;display:flex}.brand{letter-spacing:-.025em;color:var(--strong);border-radius:.75rem;align-items:center;gap:.625rem;margin-inline-end:auto;font-weight:600;display:inline-flex}.brand-name{font-size:1.125rem}.brand-name span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.logo{filter:drop-shadow(0 4px 10px color-mix(in oklab, var(--brand-500) 35%, transparent));flex-shrink:0}.header-nav{align-items:center;gap:.125rem;margin-inline-end:.75rem;display:none}@media (width>=64rem){.header-nav{display:flex}}.nav-link{color:var(--muted);border-radius:.625rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--strong);background:var(--field-hover)}.nav-link[aria-current=page],.nav-link.is-current{color:var(--accent-text);background:var(--accent-soft)}.header-actions{align-items:center;gap:.25rem;display:flex}.dropdown{inset:4.5rem auto auto;overscroll-behavior:contain;border:1px solid var(--border-strong);background:var(--card);max-height:calc(100dvh - 5.5rem);color:var(--text);opacity:0;transition:opacity .15s ease-out, translate .15s ease-out, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:1rem;margin:0;padding:.5rem;position:fixed;inset-inline-end:max(1rem,50vw - 34.5rem);overflow-y:auto;translate:0 -.25rem;box-shadow:0 25px 50px -12px #09090b2e}.dropdown:popover-open{opacity:1;translate:0}@starting-style{.dropdown:popover-open{opacity:0;translate:0 -.25rem}}.dark .dropdown{box-shadow:0 25px 50px -12px #0000008c}.dropdown-lang{width:15rem;max-height:min(24rem,100dvh - 5.5rem)}.mega{width:calc(100vw - 2rem);max-width:44rem;padding:.75rem}.mega-head{justify-content:space-between;align-items:center;padding-inline-start:.75rem;display:flex}.mega-grid{border-top:1px solid var(--border);gap:.75rem;margin-top:.5rem;padding-top:.75rem;display:grid}@media (width>=40rem){.mega-grid{grid-template-columns:1fr 1fr}}.mega-title{padding:.25rem .75rem .5rem}.mega-section{border-top:1px solid var(--border);margin-top:.75rem;padding:.75rem .75rem 0}.mega-section .mega-title{padding-inline:0}.dropdown-link{color:var(--gray-700);border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s;display:flex}.dark .dropdown-link{color:var(--gray-300)}@media (hover:hover){.dropdown-link:hover{background:var(--field-hover);color:var(--strong)}}.dropdown-link[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.justify-between{justify-content:space-between}.eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--gray-500);font-size:.75rem;font-weight:600}.dark .eyebrow{color:var(--gray-400)}.tile{--c:var(--brand-500);background:color-mix(in oklab, var(--c) 11%, transparent);width:2.5rem;height:2.5rem;color:color-mix(in oklab, var(--c) 82%, black);line-height:1;font-family:var(--font-glyphs);border-radius:.75rem;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.dark .tile{background:color-mix(in oklab, var(--c) 18%, transparent);color:color-mix(in oklab, var(--c) 55%, white)}.tile-sm{border-radius:.5rem;width:2rem;height:2rem}.tile-sm .icon{width:1rem;height:1rem}.tile-text{letter-spacing:-.02em;font-size:.9375rem;font-weight:700}.tile-violet{--c:var(--brand-500)}.tile-fuchsia{--c:var(--fuchsia-500)}.tile-blue{--c:var(--blue-500)}.tile-amber{--c:var(--amber-500)}.tile-rose{--c:var(--rose-500)}.tile-emerald{--c:var(--emerald-500)}.tile-sky{--c:var(--sky-500)}.tile-teal{--c:var(--teal-500)}.tile-zinc{--c:var(--gray-500)}.chip-row{padding-bottom:.25rem;scrollbar-width:none;gap:.5rem;margin-inline:-1rem;padding-inline:1rem;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}@media (width>=40rem){.chip-row{flex-wrap:wrap;justify-content:center;max-width:64rem;margin-inline:auto;padding-inline:0}}.chip{border:1px solid var(--border-strong);background:var(--card);white-space:nowrap;height:2.25rem;color:var(--gray-700);border-radius:999px;flex-shrink:0;align-items:center;gap:.375rem;padding-inline:.875rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.dark .chip{color:var(--gray-300);background:#ffffff0d}@media (hover:hover){.chip:hover{border-color:var(--accent-border);color:var(--accent-text)}}.chip.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.chip-sm{height:2rem;padding-inline:.75rem;font-size:.8125rem}.chip-count{color:var(--subtle);font-size:.8125rem}.chip-list,.char-list{flex-wrap:wrap;gap:.375rem;display:flex}.character-link{border:1px solid var(--border-strong);background:var(--card);width:2.5rem;height:2.5rem;color:var(--gray-700);border-radius:.75rem;place-items:center;font-size:.875rem;font-weight:600;transition:border-color .15s,color .15s;display:grid}.character-link.size-9{width:2.25rem;height:2.25rem}.dark .character-link{color:var(--gray-300);background:#ffffff0d}@media (hover:hover){.character-link:hover{border-color:var(--accent-border);color:var(--accent-text)}}.hero{text-align:center;max-width:48rem;margin-inline:auto}.hero h1{letter-spacing:-.035em;color:var(--strong);text-wrap:balance;font-size:2.25rem;font-weight:650;line-height:1.1}@media (width>=40rem){.hero h1{font-size:3.25rem}}.lead{color:var(--muted);text-wrap:pretty;margin-top:1.25rem;font-size:1rem;line-height:1.75rem}@media (width>=40rem){.lead{font-size:1.125rem;line-height:2rem}}.badges{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-top:1.25rem;font-size:.8125rem;font-weight:500;display:flex}.badges li{align-items:center;gap:.375rem;display:inline-flex}.crumbs{color:var(--subtle);flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--accent-text)}.crumbs [aria-current]{color:var(--text);font-weight:500}.field{background:var(--field);width:100%;height:3rem;color:var(--strong);appearance:none;text-overflow:ellipsis;border-radius:.75rem;outline:none;padding-inline:1rem;font-size:1rem;transition:background .15s,box-shadow .15s}@media (hover:hover){.field:hover{background:var(--field-hover)}}.field:focus{background:var(--card);box-shadow:0 0 0 2px var(--brand-500)}.dark .field:focus{background:var(--gray-950)}select.field{cursor:pointer;white-space:nowrap;padding-inline-end:2.5rem;overflow:hidden}select.field option,select.field optgroup{background:var(--card);color:var(--text)}.field-sm{height:2.5rem;padding-inline:.75rem;font-size:.875rem}select.field-sm{padding-inline-end:2.25rem}.select-wrap{min-width:0;position:relative}.select-chevron{top:50%;pointer-events:none;width:1rem;height:1rem;color:var(--subtle);position:absolute;inset-inline-end:.875rem;translate:0 -50%}.field-sm+.select-chevron{inset-inline-end:.75rem}.num-input{text-align:center;font-variant-numeric:tabular-nums;width:5rem;display:inline-block}.range{--p:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.5rem}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brand-500) var(--p), var(--surface-3) var(--p));border-radius:999px;height:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--brand-500);background:#fff;border-radius:50%;width:1.125rem;height:1.125rem;margin-top:-6px;transition:transform .15s;box-shadow:0 2px 6px #00000026}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.range::-moz-range-track{background:var(--surface-3);border-radius:999px;height:6px}.range::-moz-range-progress{background:var(--brand-500);border-radius:999px;height:6px}.range::-moz-range-thumb{border:2px solid var(--brand-500);background:#fff;border-radius:50%;width:1rem;height:1rem;box-shadow:0 2px 6px #00000026}.range-lg::-webkit-slider-runnable-track{height:8px}.range-lg::-webkit-slider-thumb{width:1.5rem;height:1.5rem;margin-top:-8px}.range-lg::-moz-range-track{height:8px}.range-lg::-moz-range-progress{height:8px}.range-lg::-moz-range-thumb{width:1.25rem;height:1.25rem}.segmented{background:var(--field);border-radius:.875rem;gap:.25rem;padding:.25rem;display:inline-flex}.segmented button{height:2.5rem;color:var(--muted);border-radius:.625rem;padding-inline:1rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.segmented button:hover{color:var(--strong)}.segmented button[aria-checked=true]{background:var(--card);color:var(--strong);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.dark .segmented button[aria-checked=true]{background:var(--gray-800)}.seg-wide{width:100%;display:flex}.seg-wide button{flex:1;height:2.25rem;padding-inline:.5rem}[data-subdivision] button{font-size:1.25rem;font-family:var(--font-glyphs);line-height:1}[data-subdivision] button[data-value="3"]{font-size:.9375rem;font-weight:650}.stepper{background:var(--field);border-radius:.75rem;align-items:center;gap:.125rem;padding:.25rem;display:inline-flex}.stepper-btn{width:2rem;height:2rem;color:var(--muted);border-radius:.5rem;place-items:center;transition:background .15s,color .15s;display:grid}.stepper-btn:hover{background:var(--card);color:var(--strong);box-shadow:var(--shadow-sm)}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:2.75rem;color:var(--strong);font-weight:600}.stepper-unit{color:var(--subtle);margin-inline-end:.25rem;font-size:.8125rem}.mini-chips{flex-wrap:wrap;gap:.375rem;display:flex}.mini-chip{border:1px solid var(--border-strong);height:1.875rem;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding-inline:.625rem;font-size:.8125rem;font-weight:500;transition:all .15s}.mini-chip:hover{color:var(--accent-text);border-color:var(--accent-border)}.mini-chip.is-active{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-border)}.setting{flex-direction:column;gap:.5rem;min-width:0;display:flex}.setting-label{color:var(--text);justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.setting-hint{color:var(--subtle);font-size:.75rem;font-weight:500}.tuner,.tool-panel{max-width:64rem;margin-inline:auto}.tuner-frame{background:var(--grad);box-shadow:0 20px 25px -5px color-mix(in oklab, var(--brand-500) 12%, transparent), 0 8px 10px -6px color-mix(in oklab, var(--brand-500) 10%, transparent);border-radius:1.5rem;padding:2px}.tuner-card{background:var(--card);border-radius:calc(1.5rem - 2px);padding:.75rem}@media (width>=40rem){.tuner-card{padding:1rem}}.tuner-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tuner-toolbar .select-wrap.grow{flex:12rem}.tuner-settings{background:var(--surface-2);border:1px solid var(--border);border-radius:1rem;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:1.25rem;margin-top:.75rem;padding:1rem;animation:.2s ease-out drop;display:grid}@keyframes drop{0%{opacity:0;transform:translateY(-4px)}}.tuner-body{gap:1rem;margin-top:.75rem;display:grid}@media (width>=52rem){.tuner-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch}}.tuner-display{flex-direction:column;align-items:center;gap:.875rem;min-width:0;padding:.75rem .25rem 1rem;display:flex}.tuner-side{background:var(--surface-2);border:1px solid var(--border);border-radius:1.125rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-width:0;padding:1.25rem .75rem;display:flex}.tuner{--state:var(--gray-300);--state-text:var(--strong)}.dark .tuner{--state:var(--gray-600)}.tuner.has-signal{--state:var(--rose-500);--state-text:var(--rose-600)}.tuner.has-signal.is-close{--state:var(--amber-500);--state-text:var(--amber-600)}.tuner.has-signal.is-in-tune{--state:var(--emerald-500);--state-text:var(--emerald-600)}.dark .tuner.has-signal{--state-text:var(--rose-400)}.dark .tuner.has-signal.is-close{--state-text:var(--amber-400)}.dark .tuner.has-signal.is-in-tune{--state-text:var(--emerald-400)}.gauge{width:100%;max-width:27rem;margin-inline:auto;position:relative}.gauge-svg{width:100%;height:auto;overflow:visible}.g-track{fill:none;stroke:var(--gauge-track);stroke-width:14px;stroke-linecap:round}.g-zone{fill:none;stroke-width:14px;stroke-linecap:butt}.g-zone-good{stroke:color-mix(in oklab, var(--emerald-500) 30%, transparent)}.g-zone-near{stroke:color-mix(in oklab, var(--amber-500) 14%, transparent)}.g-active{fill:none;stroke:var(--state);stroke-width:14px;stroke-linecap:round;opacity:.9;transition:stroke .25s}.g-tick{stroke:var(--gray-300);stroke-width:1.5px;stroke-linecap:round}.dark .g-tick{stroke:var(--gray-700)}.g-tick.major{stroke:var(--gray-400);stroke-width:2px}.dark .g-tick.major{stroke:var(--gray-500)}.g-label{fill:var(--subtle);font:600 11px var(--font-sans);text-anchor:middle;dominant-baseline:middle;font-variant-numeric:tabular-nums}.g-label.flat,.g-label.sharp{fill:var(--muted);font-size:16px}.g-needle{transform-box:view-box;transform-origin:160px 182px;will-change:transform}.g-needle line{stroke:var(--state);stroke-width:3.5px;stroke-linecap:round;transition:stroke .25s}.g-tip{fill:var(--state);transition:fill .25s}.tuner.has-signal .g-tip{filter:drop-shadow(0 0 6px var(--state))}.g-hub{fill:var(--card);stroke:var(--state);stroke-width:3.5px;transition:stroke .25s}.gauge-center{inset-inline:0;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:34%}.gauge-note{letter-spacing:-.045em;color:var(--state-text);font-variant-numeric:tabular-nums;align-items:flex-start;font-size:clamp(3.5rem,14vw,5.25rem);font-weight:650;line-height:1;transition:color .25s;display:flex;position:relative}.tuner:not(.has-signal) .gauge-note{color:var(--strong);opacity:.9}.tuner.is-idle .gauge-note{opacity:.35}.gauge-note.is-empty .n-base{color:var(--subtle);margin-top:.2em;font-size:.62em}.n-acc{margin-top:.1em;letter-spacing:0;margin-inline-start:.04em;font-size:.42em}.n-oct{margin-bottom:.2em;color:var(--subtle);letter-spacing:0;align-self:flex-end;margin-inline-start:.05em;font-size:.3em;font-weight:600}.gauge-meta{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.625rem;margin-top:.5rem;font-size:.875rem;font-weight:500;display:flex}.gauge-meta .cents{text-align:end;min-width:3.5rem;color:var(--state-text);font-weight:650}.tuner:not(.has-signal) .gauge-meta .cents{color:var(--muted)}.gauge-meta .dot{background:var(--subtle);border-radius:50%;width:4px;height:4px}.gauge-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--emerald-500) 28%, transparent), transparent);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .35s;position:absolute;inset:8% 18% 0}.tuner.has-signal.is-in-tune .gauge-glow{opacity:1}.tuner.just-tuned .gauge-note{animation:.45s ease-out pop}@keyframes pop{40%{transform:scale(1.08)}}.tuner-screen{flex-direction:column;align-items:center;gap:.875rem;width:100%;display:flex}.screen-bar{display:none}.tuner-status{min-height:1.5rem;color:var(--muted);text-align:center;text-wrap:balance;font-size:.9375rem;font-weight:500}.tuner-status strong{color:var(--strong);font-weight:600}.tuner-status .dir{color:var(--state-text);font-weight:650}.history{--hist-band:#00bc7d1f;--hist-axis:#09090b1a;--hist-line:#8e51ff;--hist-line-fade:#8e51ff26;--hist-good:#00bc7d;--hist-warn:#fe9a00;--hist-bad:#ff2056}.dark .history{--hist-band:#00bc7d24;--hist-axis:#ffffff1f}.scope{--scope-a:#8e51ff;--scope-b:#d946ef;--scope-c:#f6339a;--scope-grid:#09090b12}.dark .scope{--scope-grid:#ffffff14}.history{background:var(--surface-2);border:1px solid var(--border);border-radius:.75rem;width:100%;max-width:27rem;height:56px}.mic-row{flex-direction:column;align-items:center;gap:.625rem;display:flex}.btn-primary .stop-icon,.is-listening .btn-primary .mic-icon,.is-playing .btn-primary .play-icon{display:none}.is-listening [data-mic] .stop-icon,.is-playing .btn-primary .stop-icon{display:block}.is-listening [data-mic]{background:var(--card);color:var(--strong);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.is-listening [data-mic]:after{content:"";background:var(--rose-500);border-radius:50%;width:.5rem;height:.5rem;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.level{background:var(--surface-3);opacity:0;border-radius:999px;width:11rem;height:5px;transition:opacity .2s;overflow:hidden}.is-listening .level{opacity:1}.level span{border-radius:inherit;background:linear-gradient(90deg, var(--emerald-400), var(--amber-400) 70%, var(--rose-500));width:0;height:100%;transition:width 80ms linear;display:block}.tuner-error{max-width:26rem;color:var(--rose-600);background:color-mix(in oklab, var(--rose-500) 9%, transparent);border:1px solid color-mix(in oklab, var(--rose-500) 25%, transparent);border-radius:.875rem;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.4;display:flex}.dark .tuner-error{color:var(--rose-400)}.headstock{--row:54px;--top:18px;--bottom:62px;grid-template-columns:auto auto auto;justify-content:center;align-items:start;column-gap:.125rem;display:grid}.hs-col{padding-top:var(--top);flex-direction:column;display:flex}.hs-svg{display:block;overflow:visible}.hs-body{fill:url(#hs-grad);stroke:var(--hs-line);stroke-width:1.5px}.hs-stop-a{stop-color:var(--hs-a)}.hs-stop-b{stop-color:var(--hs-b)}.dark .hs-nut{fill:var(--gray-600)}.hs-neck{fill:var(--hs-b);stroke:var(--hs-line);stroke-width:1.5px}.hs-post{fill:var(--card);stroke:var(--hs-post);stroke-width:2px;transition:stroke .2s}.hs-string{stroke:var(--hs-string);stroke-linecap:round;fill:none;transition:stroke .2s,opacity .2s}.hs-string.is-tuned,.hs-post.is-tuned{stroke:var(--emerald-500)}.hs-string.is-target,.hs-post.is-target{stroke:var(--brand-500)}.tuner.has-signal .hs-string.is-target,.tuner.has-signal .hs-post.is-target{stroke:var(--state)}.hs-logo{fill:var(--subtle);font:700 10px var(--font-sans);letter-spacing:.12em;text-anchor:middle;opacity:.7}.string-btn{height:var(--row);border-radius:999px;justify-content:center;align-items:center;padding-inline:.25rem;display:flex;position:relative}.string-btn:focus-visible{outline:none}.string-btn:focus-visible .string-peg{box-shadow:0 0 0 3px var(--brand-500)}.string-peg{background:var(--card);border:1px solid var(--border-strong);width:2.875rem;height:2.875rem;box-shadow:var(--shadow-sm);color:var(--strong);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;font-size:1.0625rem;font-weight:650;line-height:1;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative}.dark .string-peg{background:var(--gray-800)}.string-peg sub{color:var(--subtle);margin-bottom:.78rem;align-self:flex-end;margin-inline-start:1px;font-size:.58em;font-weight:600;line-height:1}.string-peg small{align-self:flex-start;margin-top:.72rem;font-size:.62em;font-weight:650;line-height:1}.string-num{color:var(--subtle);letter-spacing:.02em;font-size:.5625rem;font-weight:700;position:absolute;bottom:-2px}.string-btn .string-num{inset-inline-start:50%;translate:-50%}@media (hover:hover){.string-btn:hover .string-peg{border-color:var(--accent-border);transform:translateY(-1px)}}.string-btn.is-target .string-peg{background:var(--grad-btn);color:#fff;box-shadow:0 8px 18px -6px color-mix(in oklab, var(--brand-600) 60%, transparent);border-color:#0000}.tuner.has-signal .string-btn.is-target .string-peg{background:var(--state);box-shadow:0 8px 18px -6px color-mix(in oklab, var(--state) 70%, transparent)}.string-btn.is-target .string-peg sub{color:#fffc}.string-btn.is-locked .string-peg{outline:2px solid var(--brand-500);outline-offset:3px}.string-btn.is-tuned .string-peg:after{content:"";top:-3px;border:2px solid var(--card);background:var(--emerald-500) var(--icon-check) center / 0 no-repeat;border-radius:50%;width:1rem;height:1rem;position:absolute;inset-inline-end:-3px}.string-btn.is-tuned .string-peg:before{content:"";top:-1px;z-index:1;width:calc(1rem - 4px);height:calc(1rem - 4px);-webkit-mask:var(--icon-check) center / 70% no-repeat;-webkit-mask:var(--icon-check) center / 70% no-repeat;mask:var(--icon-check) center / 70% no-repeat;background:#fff;position:absolute;inset-inline-end:-1px}.string-btn.is-playing .string-peg{animation:.9s ease-out ring}@keyframes ring{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--brand-500) 55%, transparent)}to{box-shadow:0 0 0 14px #0000}}.side-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.progress{color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-end:.25rem;font-size:.8125rem;font-weight:600}.progress.is-done{color:var(--emerald-600)}.dark .progress.is-done{color:var(--emerald-400)}.custom-editor{background:var(--card);border:1px solid var(--border);border-radius:1rem;width:100%;padding:1rem}.custom-editor h3{color:var(--strong);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.custom-rows{grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:.5rem;display:grid}.custom-rows label{color:var(--subtle);text-transform:uppercase;letter-spacing:.04em;gap:.25rem;font-size:.6875rem;font-weight:600;display:grid}.custom-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.side-head{text-align:center}.side-sub{color:var(--muted);margin-top:.125rem;font-size:.875rem}.keyboard{-webkit-user-select:none;user-select:none;width:100%;max-width:21rem;height:8.5rem;display:flex;position:relative}.key{border:1px solid var(--border-strong);background:var(--card);color:var(--subtle);border-inline-start-width:0;border-radius:0 0 .5rem .5rem;flex:1;justify-content:center;align-items:flex-end;padding-bottom:.5rem;font-size:.6875rem;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative}.key:first-child{border-inline-start-width:1px;border-start-start-radius:.5rem}.key:last-child{border-start-end-radius:.5rem}.dark .key{background:var(--gray-200);color:var(--gray-500);border-color:var(--gray-700)}.key.black{z-index:1;background:var(--gray-800);border:1px solid var(--gray-900);color:#0000;border-radius:0 0 .375rem .375rem;flex:none;width:9%;height:58%;padding:0;position:absolute;top:0}.dark .key.black{background:var(--gray-950);border-color:#000}.key:hover{background:var(--accent-soft)}.key.black:hover{background:var(--gray-600)}.key.is-active{background:var(--state,var(--brand-500));color:#fff}.tuner:not(.has-signal) .key.is-active{background:var(--brand-500)}.octave-row{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:21rem;display:flex}.pitch-stats{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;max-width:21rem;display:grid}.pitch-stats div{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:.625rem .75rem}.pitch-stats dt{letter-spacing:.04em;text-transform:uppercase;color:var(--subtle);font-size:.6875rem;font-weight:600}.pitch-stats dd{color:var(--strong);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:650}.section-title{letter-spacing:-.025em;color:var(--strong);align-items:baseline;gap:.5rem;font-size:1.5rem;font-weight:600;display:flex}.section-title .count{color:var(--subtle);font-size:.875rem;font-weight:500}.card-section .section-title{margin-bottom:1.25rem}.card-grid{gap:.75rem;display:grid}@media (width>=40rem){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;align-items:flex-start;gap:1rem;height:100%;padding:1rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}@media (hover:hover){.tool-card:hover{border-color:var(--accent-border);box-shadow:0 10px 15px -3px color-mix(in oklab, var(--brand-500) 7%, transparent)}}.tool-body{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.tool-title{color:var(--strong);align-items:center;gap:.375rem;font-weight:600;line-height:1.4;display:flex}.tool-arrow{width:1rem;height:1rem;color:var(--subtle);transition:color .15s,translate .15s}.tool-card:hover .tool-arrow{color:var(--brand-500);translate:2px}.tool-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.875rem;line-height:1.5rem;display:-webkit-box;overflow:hidden}.tool-tag{letter-spacing:.02em;color:var(--accent-text);background:var(--accent-soft);font-size:.75rem;font-weight:600;font-family:var(--font-glyphs);border-radius:999px;margin-top:.5rem;padding:.125rem .5rem}.soon{letter-spacing:.05em;text-transform:uppercase;color:var(--gray-500);background:var(--surface-3);border-radius:999px;padding:.0625rem .4375rem;font-size:.625rem;font-weight:700}.split{gap:1.25rem;display:grid}@media (width>=48rem){.split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.split-even{grid-template-columns:1fr 1fr}}.table-card,.info-card{border:1px solid var(--border);background:var(--surface);border-radius:1.25rem;padding:1.5rem}.table-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.table-card h2,.info-card h2{letter-spacing:-.02em;color:var(--strong);font-size:1.25rem;font-weight:600}.table-note{color:var(--subtle);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.freq-table{width:100%;font-size:.9375rem}.freq-table th{text-align:start;letter-spacing:.05em;text-transform:uppercase;color:var(--subtle);padding:.5rem 0;font-size:.75rem;font-weight:600}.freq-table th.num{text-align:end}.freq-table td{border-top:1px solid var(--border);color:var(--muted);padding:.625rem 0}.freq-table td strong{color:var(--strong);font-weight:650;font-family:var(--font-glyphs)}.freq-table sub{color:var(--subtle);margin-inline-start:1px;font-size:.7em}.freq-table tr.is-target td{color:var(--accent-text)}.info-card p{color:var(--muted);margin-top:.875rem;line-height:1.7}.info-card p strong,.info-card p em{color:var(--text)}.key-list{color:var(--muted);gap:.5rem;margin-top:1rem;font-size:.875rem;display:grid}.key-list li{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}kbd{border:1px solid var(--border-strong);background:var(--card);min-width:1.5rem;height:1.5rem;font:600 .75rem var(--font-sans);color:var(--text);border-bottom-width:2px;border-radius:.375rem;place-items:center;padding-inline:.375rem;display:inline-grid}.cloud-grid{gap:1.25rem;display:grid}@media (width>=40rem){.cloud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cloud-grid .eyebrow{margin-bottom:.625rem}.steps{counter-reset:step;gap:1rem;display:grid;margin-top:2rem!important}@media (width>=48rem){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.step-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.25rem;flex-direction:column;padding:1.5rem;display:flex}.step-top{justify-content:space-between;align-items:center;display:flex}.step-number{background:linear-gradient(135deg, var(--brand-600), var(--fuchsia-500));color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;display:grid}.step-number:before{counter-increment:step;content:counter(step)}.step-icon{background:var(--accent-soft);width:3rem;height:3rem;color:var(--accent);border-radius:1rem;place-items:center;display:grid}.step-icon .icon{width:1.5rem;height:1.5rem}.step-card h3{letter-spacing:-.02em;color:var(--strong);margin-top:1.25rem;font-size:1.125rem;font-weight:600}.step-card p{color:var(--muted);margin-top:.5rem;font-size:.9375rem;line-height:1.7}.step-card p strong{color:var(--text)}.prose{max-width:48rem;color:var(--muted);margin-inline:auto;font-size:1rem;line-height:1.75rem}@media (width>=40rem){.prose{font-size:1.0625rem;line-height:1.875rem}}.prose h2{letter-spacing:-.025em;color:var(--strong);text-wrap:balance;margin-top:3.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:2rem}.prose h2:first-child{margin-top:0}@media (width>=40rem){.prose h2{font-size:1.875rem;line-height:2.25rem}}.prose h3{color:var(--strong);margin-top:2rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.prose p{margin-top:1rem}.prose ul{margin-top:1rem;padding-inline-start:1.5rem;list-style:outside}.prose ul li+li{margin-top:.5rem}.prose ol{margin-top:1rem;padding-inline-start:1.75rem;list-style:decimal}.prose ol li{padding-inline-start:.25rem}.prose ol li+li{margin-top:.75rem}.prose ol li::marker{font-weight:600}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--brand-600);text-decoration:underline;-webkit-text-decoration-color:var(--brand-300);text-decoration-color:var(--brand-300);text-underline-offset:4px;font-weight:500;transition:text-decoration-color .15s}.dark .prose a{color:var(--brand-400);-webkit-text-decoration-color:color-mix(in oklab, var(--brand-500) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--brand-500) 40%, transparent)}.faq-chevron{color:var(--subtle);transition:rotate .2s}details[open]>summary .faq-chevron{color:var(--brand-500);rotate:180deg}.share-box{border:1px solid var(--border);background:var(--gray-50);border-radius:1.5rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}@media (width>=40rem){.share-box{padding:2rem}}@media (width>=64rem){.share-box{flex-direction:row;justify-content:space-between;align-items:center}}.share-box h2{letter-spacing:-.02em;color:var(--strong);font-size:1.25rem;font-weight:600}.share-row{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.share-btn{background:var(--net);color:#fff;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;transition:opacity .15s,transform .15s,background .15s,color .15s;display:grid}.share-btn:hover{opacity:.9;transform:translateY(-1px)}.share-svg{width:2.5rem;height:2.5rem}.dark .share-btn[aria-label=X]{box-shadow:inset 0 0 0 1px #ffffff26}.show-when-copied,[data-copied] .hide-when-copied{display:none}[data-copied] .show-when-copied{display:revert}[data-copied] svg.show-when-copied{display:block}.site-footer{border-top:1px solid color-mix(in oklab, var(--gray-200) 70%, transparent)}.dark .site-footer{border-color:#ffffff0f}.footer-grid{gap:2rem;padding-block:3rem 2rem;display:grid}@media (width>=40rem){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=64rem){.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}@media (width>=40rem) and (width<64rem){.footer-brand{grid-column:1/-1}}.footer-brand p{max-width:22rem;color:var(--muted);margin-top:1rem;font-size:.875rem;line-height:1.6}.footer-links{color:var(--muted);gap:.5rem;margin-top:.875rem;font-size:.875rem;display:grid}.footer-links a:hover{color:var(--strong)}.footer-bottom{border-top:1px solid var(--border);color:var(--subtle);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-block:1.5rem 2.5rem;font-size:.8125rem;display:flex}.toast{inset-inline-start:50%;z-index:60;background:var(--gray-900);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .2s,translate .2s;position:fixed;bottom:1.5rem;translate:-50% 1rem;box-shadow:0 12px 30px -8px #00000059}.toast.is-visible{opacity:1;translate:-50%}.tools-search{position:relative;margin-top:2rem!important}.search-icon{inset-inline-start:1.125rem;color:var(--subtle);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.field-search{border:1px solid var(--border-strong);background:var(--card);height:3.5rem;box-shadow:var(--shadow-sm);border-radius:1rem;padding-inline:3rem 6rem;font-size:1.0625rem}.search-count{inset-inline-end:1.125rem;color:var(--subtle);font-variant-numeric:tabular-nums;font-size:.8125rem;position:absolute;top:50%;translate:0 -50%}[data-filter-root]>.card-section+.card-section{margin-top:3rem}.card-section{scroll-margin-top:1.5rem}.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem}.char-nav .eyebrow{margin-bottom:.75rem}.metro-card{padding:1rem}@media (width>=40rem){.metro-card{padding:1.5rem}}.metro-main{align-items:center;gap:1.5rem;display:grid}@media (width>=48rem){.metro-main{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.metro-visual{background:var(--surface-2);border:1px solid var(--border);border-radius:1.25rem;place-items:center;padding:1rem;display:grid}.pendulum{width:100%;max-width:15rem}.pend-body{fill:var(--surface-3);stroke:var(--border-strong);stroke-width:2px;stroke-linejoin:round}.pend-face{fill:var(--card);stroke:var(--border);stroke-width:1.5px}.pend-arm{transform-box:view-box;transform-origin:100px 168px;will-change:transform}.pend-arm line{stroke:var(--brand-500);stroke-width:4px;stroke-linecap:round}.pend-arm rect{fill:url(#ut-grad)}.pend-hub{fill:var(--card);stroke:var(--brand-500);stroke-width:3px}.metro-readout{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.bpm{font-variant-numeric:tabular-nums;color:var(--strong);align-items:baseline;gap:.5rem;display:flex}.bpm output{letter-spacing:-.05em;font-size:clamp(4rem,14vw,6rem);font-weight:650;line-height:1}.bpm span{color:var(--subtle);font-size:1rem;font-weight:600}.tempo-name{color:var(--accent-text);margin-top:-.25rem;font-size:.9375rem;font-weight:500}.bpm-controls{align-items:center;gap:.75rem;width:100%;max-width:26rem;display:flex}.round-btn{border:1px solid var(--border-strong);background:var(--card);width:2.75rem;height:2.75rem;color:var(--text);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;place-items:center;transition:border-color .15s,color .15s,transform .1s;display:grid}.round-btn:hover{border-color:var(--accent-border);color:var(--accent-text)}.round-btn:active{transform:scale(.95)}.beats{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.25rem 0;display:flex}.beat{width:2.25rem;height:2.25rem;color:var(--subtle);border:2px solid var(--border-strong);background:var(--card);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;transition:transform 80ms,background 80ms,border-color .15s,box-shadow 80ms;display:grid;position:relative}.beat[data-level="2"]{border-color:var(--brand-400);color:var(--accent-text)}.beat[data-level="1"]{border-color:var(--gray-300)}.dark .beat[data-level="1"]{border-color:var(--gray-600)}.beat[data-level="0"]{opacity:.55;border-style:dashed}.beat.is-on{background:var(--gray-300);border-color:var(--gray-300);color:var(--gray-800);transform:scale(1.15)}.beat.is-on[data-level="2"]{background:var(--grad-btn);color:#fff;box-shadow:0 0 0 6px color-mix(in oklab, var(--brand-500) 18%, transparent);border-color:#0000}.beat.is-on[data-level="0"]{background:0 0;transform:scale(1.05)}.metro-actions{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-top:.25rem;display:flex}.tap-bpm{font-variant-numeric:tabular-nums;color:var(--subtle);font-weight:500}.tap-bpm:not(:empty):before{content:"· "}.metro-settings,.tone-settings{background:var(--surface-2);border:1px solid var(--border);border-radius:1rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.25rem;margin-top:1.5rem;padding:1rem;display:grid}.sig{align-items:center;gap:.5rem;display:flex}.sig .select-wrap{width:5rem}.sig-slash{color:var(--subtle);font-size:1.25rem}.trainer{border:1px solid var(--border);background:var(--surface-2);border-radius:1rem;margin-top:.75rem}.trainer summary{cursor:pointer;color:var(--strong);align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.trainer summary::-webkit-details-marker{display:none}.trainer summary .icon:first-child{color:var(--accent)}.trainer-state{color:var(--subtle);margin-inline-start:auto;font-size:.8125rem;font-weight:500}.trainer-state.is-on{color:var(--emerald-600)}.trainer-body{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:0 1rem 1rem;font-size:.9375rem;display:flex}.trainer-body label{align-items:center;gap:.5rem;display:inline-flex}.trainer-body .num-input{width:4.5rem}.switch{cursor:pointer;color:var(--text);font-weight:600}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch span{background:var(--gray-300);border-radius:999px;width:2.5rem;height:1.5rem;transition:background .2s;position:relative}.dark .switch span{background:var(--gray-700)}.switch span:after{content:"";top:3px;width:1.125rem;height:1.125rem;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:translate .2s;position:absolute;inset-inline-start:3px}.switch input:checked+span{background:var(--brand-600)}.switch input:checked+span:after{translate:1rem}.switch input:focus-visible+span{outline:2px solid var(--brand-500);outline-offset:2px}.metro-footer{color:var(--subtle);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-top:1rem;font-size:.8125rem;display:flex}.key-hints{display:none}@media (hover:hover) and (width>=40rem){.key-hints{display:inline}}.key-hints kbd{min-width:1.25rem;height:1.25rem;font-size:.6875rem}.tone-card{padding:1rem}@media (width>=40rem){.tone-card{padding:1.5rem}}.tone-top{align-items:center;gap:1rem;margin-bottom:1rem;display:grid}@media (width>=48rem){.tone-top{grid-template-columns:auto minmax(0,1fr);gap:2rem}}.tone-readout{text-align:center}@media (width>=48rem){.tone-readout{text-align:start}}.hz-display{color:var(--strong);justify-content:center;align-items:baseline;gap:.5rem;display:flex}@media (width>=48rem){.hz-display{justify-content:flex-start}}.hz-input{letter-spacing:-.04em;font-variant-numeric:tabular-nums;width:4ch;max-width:100%;color:var(--strong);text-align:center;-moz-appearance:textfield;border-radius:.75rem;outline:none;font-size:clamp(3rem,10vw,4.5rem);font-weight:650;line-height:1.05}@media (width>=48rem){.hz-input{text-align:start}}.hz-input::-webkit-inner-spin-button{-webkit-appearance:none}.hz-input::-webkit-outer-spin-button{-webkit-appearance:none}.hz-input:focus{box-shadow:0 0 0 2px var(--brand-500)}.hz-display span{color:var(--subtle);font-size:1.125rem;font-weight:600}.tone-note{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:500}.scope{background:var(--surface-2);border:1px solid var(--border);border-radius:1rem;width:100%;height:120px}.scale-labels{color:var(--subtle);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.125rem;padding-inline:.25rem;font-size:.75rem;display:flex}.tone-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.btn-group{display:inline-flex}.btn-group .btn-secondary{font-variant-numeric:tabular-nums;border-radius:0;min-width:3.25rem;margin-inline-start:-1px}.btn-group .btn-secondary:first-child{border-start-start-radius:.75rem;border-end-start-radius:.75rem;margin:0}.btn-group .btn-secondary:last-child{border-start-end-radius:.75rem;border-end-end-radius:.75rem}.note-picker{border:1px solid var(--border);border-radius:1rem;gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.note-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem;display:grid}@media (width>=48rem){.note-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.note-btn{border:1px solid var(--border-strong);background:var(--card);height:2.5rem;color:var(--text);font-size:.875rem;font-weight:600;font-family:var(--font-glyphs);border-radius:.625rem;transition:all .15s}.note-btn.is-sharp{background:var(--surface-3)}.note-btn:hover{border-color:var(--accent-border);color:var(--accent-text)}.note-btn.is-active{background:var(--grad-btn);color:#fff;border-color:#0000}.note-picker .octave-row{flex-wrap:wrap;justify-content:flex-start;max-width:none}.fork-card{gap:1.25rem;padding:1rem;display:grid}@media (width>=48rem){.fork-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;padding:1.5rem}}.fork-stage{background:var(--surface-2);border:1px solid var(--border);border-radius:1.25rem;place-items:center;min-height:20rem;padding:1.5rem 1rem 3rem;transition:border-color .2s;display:grid;position:relative}.fork-stage:hover{border-color:var(--accent-border)}.fork-svg{width:8rem;height:auto;overflow:visible}.fork-prong{--amp:0;transform-box:fill-box}.fork-prong.left{transform:translateX(calc(var(--amp) * -1px)) rotate(calc(var(--amp) * -.4deg));transform-origin:50% 100%}.fork-prong.right{transform:translateX(calc(var(--amp) * 1px)) rotate(calc(var(--amp) * .4deg));transform-origin:50% 100%}.fork-waves path{fill:none;stroke:var(--brand-400);stroke-width:3px;stroke-linecap:round;opacity:0}.is-ringing .fork-waves path{animation:1.1s ease-out infinite waves}.is-ringing .fork-waves path:nth-child(2n){animation-delay:.35s}@keyframes waves{0%{opacity:0}30%{opacity:var(--wave-o,.7)}to{opacity:0}}.fork-hint{color:var(--subtle);font-size:.8125rem;font-weight:500;position:absolute;bottom:1rem}.fork-panel{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.fork-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:100%;max-width:28rem;margin-top:.5rem;display:grid}.preset-btn{border:1px solid var(--border-strong);background:var(--card);border-radius:.875rem;flex-direction:column;align-items:center;gap:.125rem;padding:.625rem .25rem;transition:all .15s;display:flex}.preset-btn strong{color:var(--strong);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:650}.preset-btn span{color:var(--subtle);font-size:.6875rem;font-weight:500}.preset-btn:hover{border-color:var(--accent-border)}.preset-btn.is-active{background:var(--accent-soft);border-color:var(--accent-border)}.preset-btn.is-active strong{color:var(--accent-text)}.fork-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--gray-50:#f8fafc;--gray-100:#f1f4f9;--gray-200:#e4e8f0;--gray-300:#cdd4df;--gray-400:#98a2b3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#1d2939;--gray-900:#101828;--gray-950:#0c111d;--brand-50:#eff4ff;--brand-100:#dbe6ff;--brand-200:#b9cdff;--brand-300:#8aaafe;--brand-400:#5b82f7;--brand-500:#3a63ee;--brand-600:#2450dd;--brand-700:#1d40b8;--brand-950:#141d45;--emerald-400:#32d583;--emerald-500:#12b76a;--emerald-600:#039855;--amber-400:#fdb022;--amber-500:#f79009;--amber-600:#dc6803;--rose-400:#f97066;--rose-500:#f04438;--rose-600:#d92d20;--subtle:var(--gray-500);--accent:var(--brand-600);--accent-soft:var(--brand-50);--accent-text:var(--brand-700);--accent-border:var(--brand-200);--grad:linear-gradient(var(--brand-600), var(--brand-600));--grad-btn:linear-gradient(180deg, var(--brand-500), var(--brand-600));--shadow-sm:0 1px 2px 0 #1018280d;--shadow-lg:0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;--grid-line:#1018280d;--hs-a:var(--gray-50);--hs-b:#eceff5;--hs-line:var(--gray-300);--hs-string:var(--gray-400);--hs-post:var(--gray-400);--display-font:"opsz" 32}.dark{--bg:#0b101a;--card:#111827;--text:var(--gray-200);--strong:#f8fafc;--muted:var(--gray-400);--subtle:#7d879a;--surface:#ffffff06;--surface-2:#ffffff08;--surface-3:#ffffff12;--field:#ffffff0d;--field-hover:#ffffff17;--border:#ffffff14;--border-strong:#ffffff1f;--accent:var(--brand-400);--accent-soft:#3a63ee29;--accent-text:var(--brand-300);--accent-border:#5b82f773;--shadow-sm:0 1px 2px 0 #0006;--shadow-lg:0 16px 32px -8px #0009;--grid-line:#ffffff09;--hs-a:#1a2233;--hs-b:#151c2a;--hs-line:#ffffff1a;--hs-string:var(--gray-500);--hs-post:var(--gray-500)}.page-glow,.dark .page-glow{background:linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 40px 40px;height:36rem;-webkit-mask-image:radial-gradient(60% 70% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 0,#000 20%,#0000 75%)}.site-header,.dark .site-header,.site-footer,.dark .site-footer{border-color:var(--border)}.brand-name span{color:inherit;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.logo{filter:drop-shadow(0 2px 6px #2450dd47)}.header-nav{align-self:stretch}.nav-link{border-radius:0;align-items:center;height:100%;padding-block:0;display:flex}.nav-link:hover{box-shadow:inset 0 -2px 0 var(--gray-300);background:0 0}.dark .nav-link:hover{box-shadow:inset 0 -2px #fff3}.nav-link[aria-current=page],.nav-link.is-current{color:var(--strong);box-shadow:inset 0 -2px 0 var(--brand-600);background:0 0}.dark .nav-link[aria-current=page],.dark .nav-link.is-current{box-shadow:inset 0 -2px 0 var(--brand-400)}.eyebrow,.dark .eyebrow{text-transform:none;letter-spacing:0;color:var(--subtle);font-size:.8125rem}.freq-table th{text-transform:none;letter-spacing:0;font-size:.8125rem;font-weight:500}.custom-rows label,.pitch-stats dt{text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:500}.hero h1,.section-title,.prose h2,.table-card h2,.info-card h2,.share-box h2,.step-card h3{font-variation-settings:var(--display-font)}.hero h1{letter-spacing:-.04em;font-weight:700}.lead{color:var(--muted)}.badges{color:var(--muted);gap:.5rem 1.5rem}.badges .icon{color:var(--brand-600)}.dark .badges .icon{color:var(--brand-400)}.btn-primary{background:var(--grad-btn);box-shadow:var(--shadow-sm), inset 0 1px 0 #fff3, inset 0 -1px 0 #0000001f}@media (hover:hover){.btn-primary:hover{filter:none;background:var(--brand-700);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff1f}}.btn-secondary{color:var(--gray-700)}.dark .btn-secondary{color:var(--gray-200)}.chip{color:var(--gray-700)}.dark .chip{color:var(--gray-300)}.chip.is-active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.dark .chip.is-active{background:var(--brand-500);border-color:var(--brand-500)}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brand-600) var(--p), var(--surface-3) var(--p))}.range::-moz-range-progress{background:var(--brand-600)}.range::-webkit-slider-thumb{border-color:var(--brand-600)}.range::-moz-range-thumb{border-color:var(--brand-600)}.tile[class],.dark .tile[class]{background:var(--gray-100);color:var(--gray-700);box-shadow:inset 0 0 0 1px #1018280a}.dark .tile[class]{color:var(--gray-300);box-shadow:none;background:#ffffff0f}.tool-card:hover .tile[class],.dropdown-link:hover .tile[class],.dropdown-link[aria-current=page] .tile[class]{background:var(--brand-600);color:#fff}.dark .tool-card:hover .tile[class],.dark .dropdown-link:hover .tile[class],.dark .dropdown-link[aria-current=page] .tile[class]{background:var(--brand-500);color:#fff}.tile-text{font-family:var(--font-sans);font-variant-numeric:tabular-nums}.tuner-frame,.dark .tuner-frame{background:0 0;border-radius:1.5rem;padding:0;box-shadow:0 1px 2px #1018280a,0 24px 48px -16px #10182824}.dark .tuner-frame{box-shadow:0 24px 48px -16px #000000b3}.tuner-card{border:1px solid var(--border-strong);border-radius:1.5rem}.tuner-display{gap:1rem;padding:0}.tuner-screen{--strong:#f8fafc;--muted:#a4aec0;--subtle:#7d879a;--card:#0e1525;--gauge-track:#ffffff12;--border:#ffffff12;--surface-2:#ffffff06;color:var(--muted);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(120% 85% at 50% 0,#18233c 0%,#0f1627 52%,#0a0f1c 100%);border-radius:1.125rem;gap:.75rem;padding:.875rem 1rem 1rem;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff12,0 1px 2px #10182840}.dark .tuner-screen{background:radial-gradient(120% 85% at 50% 0,#141d33 0%,#0b1120 55%,#070b15 100%);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff0d}.screen-bar{color:#8a94a8;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:1rem;width:100%;font-size:.75rem;font-weight:500;display:flex}.screen-tuning{text-overflow:ellipsis;white-space:nowrap;color:#c3cbd8;min-width:0;overflow:hidden}.screen-tuning:before{content:"";vertical-align:.05em;background:#3b4558;border-radius:50%;width:.4375rem;height:.4375rem;margin-inline-end:.5rem;transition:background .2s,box-shadow .2s;display:inline-block}.tuner.is-listening .screen-tuning:before{background:var(--emerald-400);box-shadow:0 0 8px #32d583b3}.screen-ref{flex-shrink:0}.tuner:not(.has-signal) .tuner-screen{--state:#5c6b85}.tuner.has-signal .tuner-screen{--state-text:var(--rose-400)}.tuner.has-signal.is-close .tuner-screen{--state-text:var(--amber-400)}.tuner.has-signal.is-in-tune .tuner-screen{--state-text:var(--emerald-400)}.tuner-screen .g-tick{stroke:#ffffff29}.tuner-screen .g-tick.major{stroke:#ffffff61}.tuner-screen .g-label{fill:#ffffff6b}.tuner-screen .g-label.flat,.tuner-screen .g-label.sharp{fill:#fff9}.tuner-screen .g-zone-good{stroke:#12b76a66}.tuner-screen .g-zone-near{stroke:#f7900929}.tuner-screen .g-tip{stroke:#0e1525;stroke-width:2.5px}.tuner-screen .gauge-glow{background:radial-gradient(closest-side,#12b76a52,#0000)}.tuner-screen .gauge-note{font-variation-settings:"opsz" 32;letter-spacing:-.04em;font-weight:600}.tuner-screen .gauge-note.is-empty .n-base{color:#3d4860}.tuner-screen .n-oct{color:#7d879a}.gauge-meta{gap:.875rem}.gauge-meta .dot{display:none}.tuner-screen .gauge-meta .cents{text-align:center;background:#ffffff0f;border-radius:999px;min-width:0;padding:.125rem .5rem}.tuner-screen .tuner-status{color:var(--muted)}.tuner-screen .tuner-status strong{color:#fff}.tuner-screen .history{--hist-band:#12b76a29;--hist-axis:#ffffff1f;--hist-line:#5b82f7;--hist-line-fade:#5b82f71f;--hist-good:#32d583;--hist-warn:#fdb022;--hist-bad:#f97066;background:#ffffff06;border-color:#ffffff0f;max-width:none}.tuner-screen .gauge{max-width:26rem}.mic-row{padding-bottom:.25rem}.level span{background:linear-gradient(90deg, var(--emerald-500), var(--amber-500) 70%, var(--rose-500))}.is-listening [data-mic],.is-listening [data-mic]:hover{background:var(--card);color:var(--strong);filter:none;box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--border-strong)}@media (hover:hover){.is-listening [data-mic]:hover{background:var(--gray-50)}.dark .is-listening [data-mic]:hover{background:#ffffff0f}}.dark .is-listening [data-mic]{background:#ffffff0a}.is-listening [data-mic]:after{background:var(--rose-500)}.tuner-side{background:var(--gray-50);border-color:var(--border)}.dark .tuner-side{background:#ffffff05}.hs-nut{fill:var(--gray-200)}.string-peg{box-shadow:var(--shadow-sm)}.string-btn.is-target .string-peg{background:var(--brand-600);box-shadow:0 6px 14px -4px #2450dd8c}.string-btn.is-locked .string-peg{outline-color:var(--brand-600)}.btn-outline[aria-expanded=true]{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-200)}.dark .btn-outline[aria-expanded=true]{color:var(--brand-300);background:#3a63ee29;border-color:#5b82f773}.tool-card{border-radius:.875rem}@media (hover:hover){.tool-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-lg)}.dark .tool-card:hover{border-color:#ffffff29}}.tool-arrow{display:none}.tool-tag{background:var(--gray-100);color:var(--gray-700);font-family:var(--font-sans);letter-spacing:0;word-spacing:.05em;font-weight:500}.dark .tool-tag{color:var(--gray-300);background:#ffffff0f}.step-card{box-shadow:none}.step-number{background:var(--brand-600)}.step-icon{background:var(--gray-100);color:var(--brand-600)}.dark .step-icon{color:var(--brand-300);background:#ffffff0f}.table-card,.info-card{border-radius:1rem}.freq-table tr.is-target td,.freq-table tr.is-target td strong{color:var(--brand-600)}.dark .freq-table tr.is-target td,.dark .freq-table tr.is-target td strong{color:var(--brand-300)}.prose a{color:var(--brand-700);-webkit-text-decoration-color:var(--brand-200);text-decoration-color:var(--brand-200)}.prose a:hover{-webkit-text-decoration-color:var(--brand-700);text-decoration-color:var(--brand-700)}.dark .prose a{color:var(--brand-300);text-decoration-color:#5b82f766}.prose li::marker{color:var(--gray-400)}details[open]>summary .faq-chevron{color:var(--strong)}.share-box{background:var(--gray-50);border-radius:1.25rem}.dark .share-box{background:#ffffff06}.share-btn,.dark .share-btn[aria-label=X]{background:var(--card);color:var(--gray-600);box-shadow:inset 0 0 0 1px var(--border-strong)}.dark .share-btn{color:var(--gray-300)}.share-btn:hover{background:var(--net);color:#fff;box-shadow:none;opacity:1}.toast{background:var(--gray-900)}.dark .toast{color:var(--gray-900);background:#fff}:focus-visible{outline-color:var(--brand-500)}@media (width<40rem){.main{padding-top:1.75rem}.lead{margin-top:.875rem}.badges{display:none}.main>.tuner{margin-top:1.25rem}.tuner-screen{padding:.75rem .75rem .875rem}.tuner-screen .history{height:44px}}.info-card a,.table-card a:not(.chip){color:var(--accent-text);text-decoration:underline;-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);text-underline-offset:3px;font-weight:500;transition:text-decoration-color .15s}.info-card a:hover,.table-card a:not(.chip):hover{text-decoration-color:currentColor}.info-card h3{letter-spacing:.05em;text-transform:uppercase;color:var(--subtle);margin-top:1.5rem;font-size:.75rem;font-weight:600}.facts{color:var(--muted);gap:.625rem;margin-top:1rem;font-size:.9375rem;line-height:1.6;display:grid}.facts li{align-items:flex-start;gap:.625rem;display:flex}.facts .icon{color:var(--accent);margin-top:.2rem}.facts strong{color:var(--text);font-weight:600}.interval-list{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.interval-list li{background:var(--field);border-radius:.75rem;flex-direction:column;padding:.375rem .625rem;font-size:.8125rem;line-height:1.35;display:inline-flex}.interval-list strong{font-family:var(--font-glyphs);color:var(--strong);font-weight:600}.interval-list span{color:var(--subtle)}.table-card>p{color:var(--muted);margin-top:.75rem;line-height:1.7}.table-scroll{scrollbar-width:thin;margin-inline:-1.5rem;padding-inline:1.5rem;overflow-x:auto}.table-scroll .freq-table{min-width:34rem}.freq-table th+th,.freq-table td+td{padding-inline-start:.75rem}.freq-table td a{color:var(--strong);font-weight:600;text-decoration:none}.freq-table td a:hover{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.freq-table .notes{font-family:var(--font-glyphs);color:var(--text);white-space:nowrap}.freq-table .change-down{color:var(--amber-600)}.freq-table .change-up{color:var(--accent-text)}.dark .freq-table .change-down{color:var(--amber-400)}.freq-table tr.is-unchanged td{opacity:.6}.chart-table th,.chart-table td{white-space:nowrap}.chart-table td:first-child strong{font-size:1rem}.hz-list{flex-wrap:wrap;gap:.25rem .875rem;display:flex}.hz-list span{white-space:nowrap;font-variant-numeric:tabular-nums}.hz-list b{font-family:var(--font-glyphs);color:var(--text);font-weight:600}.summary-line{font-weight:500;color:var(--text)!important;margin-top:1rem!important}.group-tables>*+*{margin-top:1.25rem}.group-tables .table-head a{font-size:.875rem}.prose .updated{color:var(--subtle);margin-top:.5rem;font-size:.875rem}.prose code{background:var(--surface-3);color:var(--text);border-radius:.375rem;padding:.1em .35em;font-size:.875em}.contact-card{border:1px solid var(--border);background:var(--surface);max-width:48rem;box-shadow:var(--shadow-sm);border-radius:1.25rem;align-items:center;gap:1rem;margin-inline:auto;padding:1.25rem 1.5rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.contact-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg)}.contact-text{flex-direction:column;min-width:0;display:flex}.contact-label{color:var(--subtle);font-size:.875rem}.contact-email{letter-spacing:-.01em;color:var(--strong);overflow-wrap:anywhere;font-size:1.25rem;font-weight:600}@media (width>=40rem){.contact-email{font-size:1.5rem}}.contact-arrow{color:var(--accent);flex-shrink:0;margin-inline-start:auto;transition:transform .15s}.contact-card:hover .contact-arrow{transform:translate(3px)}.step-shot{aspect-ratio:7/6;object-fit:contain;background:#f1f4f9;border-radius:.875rem;width:100%;height:auto;margin-bottom:1.25rem;padding:.5rem}.tool-guide>.section-title{margin-bottom:1.5rem}.tool-figure img{width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--border);border-radius:1.25rem}.tool-notes{gap:1rem;margin-top:2rem;display:grid}@media (width>=48rem){.tool-notes{grid-template-columns:1fr 1fr;gap:1.25rem}}.tool-note{border:1px solid var(--border);background:var(--surface-2);border-radius:1rem;padding:1.25rem 1.5rem}.tool-note h3{color:var(--strong);font-size:1.0625rem;font-weight:600}.tool-note p{color:var(--muted);margin-top:.5rem;line-height:1.7}.media{margin-block:2.25rem}.media figcaption,.media-shot figcaption{color:var(--subtle);text-align:center;text-wrap:balance;margin-top:.75rem;font-size:.9375rem;line-height:1.6}.media-pair{gap:1.25rem;display:grid}@media (width>=40rem){.media-pair{grid-template-columns:1fr 1fr}}.media-shot img{background:#f1f4f9;border-radius:1rem;width:100%;height:auto}.media-shot-narrow{max-width:24rem;margin-inline:auto}.string-player{border:1px solid var(--border);background:var(--surface-2);border-radius:1.25rem;gap:.25rem;padding:.75rem;display:grid}.string-row{width:100%;color:var(--muted);text-align:start;cursor:pointer;border-radius:.75rem;grid-template-columns:1.75rem 2.75rem minmax(3rem,1fr) auto 1rem;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:background-color .15s,color .15s;display:grid}.string-row:hover{background:var(--surface);color:var(--strong)}.string-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.string-number{background:var(--surface-3);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:600;display:grid}.string-note{font-family:var(--font-glyphs);color:var(--strong);font-size:1.125rem}.string-note strong{font-weight:650}.string-note sub{color:var(--subtle);font-size:.7em}.string-line{height:var(--gauge);background:linear-gradient(90deg, var(--gray-400), var(--gray-300));border-radius:999px;position:relative}.dark .string-line{background:linear-gradient(90deg, var(--gray-500), var(--gray-600))}.string-line:after{content:"";inset-inline:0;background:var(--accent);opacity:0;border-radius:50%;height:0;position:absolute;top:50%;transform:translateY(-50%)}.string-hz{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.string-play{width:1rem;height:1rem;color:var(--subtle)}.string-row.is-playing{color:var(--strong)}.string-row.is-playing .string-number{background:var(--accent);color:#fff}.string-row.is-playing .string-line{background:var(--accent)}.string-row.is-playing .string-line:after{animation:1.6s cubic-bezier(.2,.7,.3,1) string-ring}.string-row.is-playing .string-play{color:var(--accent)}@keyframes string-ring{0%{opacity:.45;height:14px}to{opacity:0;height:0}}@media (width<30rem){.string-row{grid-template-columns:1.75rem 2.5rem minmax(2rem,1fr) auto}.string-play{display:none}}@property --gd-cents{syntax:"<integer>";inherits:true;initial-value:0}@property --gd-color{syntax:"<color>";inherits:true;initial-value:#f04438}.gauge-demo{--gd-color:var(--rose-500);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-align:center;max-width:22rem;box-shadow:inset 0 0 0 1px #ffffff0f, var(--shadow-lg);background:radial-gradient(120% 85% at 50% 0,#18233c 0%,#0f1627 52%,#0a0f1c 100%);border-radius:1.25rem;margin-inline:auto;padding:1rem 1rem 1.25rem;animation:6s infinite gd-state;position:relative}.gauge-demo svg{width:100%;height:auto;display:block;overflow:visible}.gd-track,.gd-zone{fill:none;stroke-linecap:round}.gd-track{stroke:#ffffff12;stroke-width:10px}.gd-zone{stroke:#12b76a73;stroke-width:10px}.gd-tick{stroke:#fff3;stroke-width:1.5px;stroke-linecap:round}.gd-tick.major{stroke:#ffffff73;stroke-width:2px}.gd-needle{transform-box:view-box;transform-origin:120px 128px;animation:6s infinite gd-needle}.gd-needle line{stroke:var(--gd-color);stroke-width:3px;stroke-linecap:round}.gd-needle circle{fill:#0e1525;stroke:var(--gd-color);stroke-width:3px}.gd-reading{inset-inline:0;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;top:42%}.gd-note{letter-spacing:-.04em;color:var(--gd-color);font-size:2.75rem;font-weight:650;line-height:1}.gd-note sub{color:#7d879a;font-size:.4em}.gd-cents{min-width:3.25rem;color:var(--gd-color);font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:999px;padding:.125rem .5rem;font-size:.8125rem;font-weight:600}.gd-cents:before{counter-reset:cents var(--gd-cents);content:counter(cents) "¢"}.gd-status{height:1.5rem;margin-top:.5rem;font-size:.9375rem;font-weight:600;position:relative}.gd-status span{color:var(--gd-color);position:absolute;inset:0}.gd-flat{animation:6s infinite gd-flat}.gd-tune{opacity:0;animation:6s infinite gd-tune}@keyframes gd-needle{0%,10%{transform:rotate(-40deg)}48%{transform:rotate(5deg)}56%{transform:rotate(-2deg)}62%,92%{transform:rotate(0)}to{transform:rotate(-40deg)}}@keyframes gd-state{0%,10%{--gd-cents:-29;--gd-color:var(--rose-500)}34%{--gd-color:var(--rose-500)}42%{--gd-color:var(--amber-500)}48%{--gd-cents:4}50%,92%{--gd-color:var(--emerald-500)}56%{--gd-cents:-1}62%,92%{--gd-cents:0}to{--gd-cents:-29;--gd-color:var(--rose-500)}}@keyframes gd-flat{0%,46%{opacity:1}52%,94%{opacity:0}to{opacity:1}}@keyframes gd-tune{0%,48%{opacity:0}54%,92%{opacity:1}98%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.gauge-demo,.gd-needle,.gd-flat,.gd-tune{animation:none}.gauge-demo{--gd-color:var(--emerald-500)}.gd-flat{opacity:0}.gd-tune{opacity:1}}.wave-demo{border:1px solid var(--border);background:var(--surface-2);border-radius:1.25rem;padding:1rem 1.25rem;overflow:hidden}.wave-demo svg{width:100%;height:auto;display:block}.wave-axis{stroke:var(--border-strong);stroke-dasharray:3 4}.wave-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.wave-scroll{animation:2.4s linear infinite wave-scroll}.wave-bracket{fill:none;stroke:var(--strong);stroke-width:1.5px}.wave-label{fill:var(--muted);text-anchor:middle;font-size:9px;font-weight:600;font-family:var(--font-sans)}@keyframes wave-scroll{to{transform:translate(-120px)}}@media (prefers-reduced-motion:reduce){.wave-scroll{animation:none}}.wave-play{width:fit-content;margin:.875rem auto 0;display:flex}.error-hero{text-align:center;max-width:40rem;margin-inline:auto}.error-code{letter-spacing:-.06em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:6rem;font-weight:700;line-height:1}@media (width>=40rem){.error-code{font-size:8rem}}.error-hero .eyebrow{margin-top:1.25rem}.error-hero h1{letter-spacing:-.03em;color:var(--strong);text-wrap:balance;margin-top:.5rem;font-size:2rem;font-weight:650;line-height:1.15}@media (width>=40rem){.error-hero h1{font-size:2.5rem}}.btn-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.chord-diagram{color:var(--text);margin-inline:auto;display:block;overflow:visible}.chord-diagram .cd-grid{stroke:var(--gray-300);stroke-width:1.2px}.dark .chord-diagram .cd-grid{stroke:#ffffff38}.chord-diagram .cd-nut{stroke:var(--strong);stroke-width:4px;stroke-linecap:round}.chord-diagram .cd-dot{fill:var(--accent)}.chord-diagram .cd-finger{fill:#fff;text-anchor:middle;font-size:9px;font-weight:650;font-family:var(--font-sans)}.chord-diagram .cd-mark{fill:none;stroke:var(--muted);stroke-width:1.6px;stroke-linecap:round}.chord-diagram .cd-fret{fill:var(--muted);font-size:9px;font-weight:600;font-family:var(--font-sans)}.chord-diagram .cd-note{fill:var(--muted);text-anchor:middle;font-size:8.5px;font-weight:500;font-family:var(--font-glyphs)}.chord-diagram-lg{width:100%;max-width:13rem;height:auto}.chord-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=40rem){.chord-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=64rem){.chord-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.chord-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;flex-direction:column;gap:.5rem;height:100%;padding:.875rem .75rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex}@media (hover:hover){.chord-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-lg)}.dark .chord-card:hover{border-color:#ffffff29}}.chord-card-head{text-align:center;flex-direction:column;align-items:center;display:flex}.chord-symbol{letter-spacing:-.02em;color:var(--strong);font-size:1.125rem;font-weight:650;font-family:var(--font-glyphs)}.chord-type{color:var(--subtle);font-size:.75rem}.shape-grid{gap:1rem;display:grid}@media (width>=48rem){.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.shape-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.shape-head .shape-caption{color:var(--strong);margin-top:.125rem;font-weight:600}.shape-code{letter-spacing:.08em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}[data-chord-play].is-playing{border-color:var(--accent-border);color:var(--accent-text)}.numbered{color:var(--muted);gap:.375rem;margin-top:.75rem;padding-inline-start:1.25rem;line-height:1.6;list-style:decimal;display:grid}.numbered li::marker{color:var(--accent);font-weight:600}.info-card h2.spaced{margin-top:1.75rem}.section-lead{color:var(--muted);margin-top:-.5rem}.table-footnote{font-size:.8125rem;color:var(--subtle)!important;margin-top:1rem!important}.key-chords{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;margin-top:1rem;display:grid}.key-chords a{border:1px solid var(--border);background:var(--card);border-radius:.875rem;flex-direction:column;align-items:center;gap:.125rem;padding:.625rem .5rem;display:flex;text-decoration:none!important}.key-chords a:hover{border-color:var(--accent-border)}.key-chords .numeral{color:var(--subtle);font-size:.75rem;font-weight:600}.key-chords strong{color:var(--strong);font-size:1.0625rem;font-family:var(--font-glyphs)}.chord-table th,.chord-table td{white-space:nowrap;font-size:.875rem}.chord-table td a{font-weight:500;font-family:var(--font-glyphs)}[dir=rtl] .num,[dir=rtl] .string-hz,[dir=rtl] .hz-list span,[dir=rtl] .tab-num,[dir=rtl] .notes,[dir=rtl] .chord-symbol,[dir=rtl] .shape-code{direction:ltr;unicode-bidi:isolate}[dir=rtl] td.num,[dir=rtl] th.num{text-align:start}@media (width>=64rem){.header-nav{flex-wrap:wrap;flex:0 auto;min-width:0;height:4rem;overflow:hidden}.header-nav .nav-link{white-space:nowrap;height:4rem}}p.center>a{white-space:normal;text-align:center;max-width:100%}.preset-btn span{text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;max-width:100%;line-height:1.25}[dir=rtl] :is(.headstock,.gauge-note,.gauge-meta,.chord-diagram,.string-note,.key-chords strong,.interval-list strong){direction:ltr}