@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page:#e7ebee;--face:#eef1f3;--face-edge:#c3ccd3;--face-hi:#ffffffb3;--face-drop:#0e151b24;--ink:#0e151b;--muted:#485561;--line:#0e151b33;--soft:#0e151b0f;--field:#f9fafb;--accent:#08704f;--accent-ink:#fff;--glass:#0a1015;--glass-edge:#26313a;--glass-ink:#eef2f4;--glass-muted:#9aa8b3;--scale:#b9c5cd;--amber:#ffb547;--green:#4be3a4;--take:#c62828;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--page:#0f151a;--face:#1b242b;--face-edge:#33404a;--face-hi:#ffffff12;--face-drop:#00000080;--ink:#e3e9ed;--muted:#9ba8b2;--line:#e3e9ed2e;--soft:#e3e9ed0f;--field:#121a20;--accent:#4be3a4;--accent-ink:#06140e;--glass:#05080b;--glass-edge:#2c3943;--take:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{background:var(--page);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:Archivo Variable,Segoe UI,system-ui,sans-serif;font-size:1rem;font-stretch:100%;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main{max-width:58rem;margin:0 auto;padding:1rem 1rem 3rem}.unit{background:var(--face);border:1px solid var(--face-edge);box-shadow:inset 0 1px 0 var(--face-hi), 0 1px 2px var(--face-drop), 0 14px 32px -18px var(--face-drop);border-radius:1.5rem;padding:1rem 1.25rem 1.25rem}.unit-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.875rem;display:flex}h1{letter-spacing:.01em;margin:0;font-size:1.375rem;font-weight:800;font-stretch:125%;line-height:1}.a4{align-items:center;gap:.375rem;display:flex}.a4 label{margin-right:.25rem;font-weight:700;font-stretch:115%}.a4 input{border:1px solid var(--line);background:var(--field);text-align:right;font-variant-numeric:tabular-nums;border-radius:.5rem;width:5.25rem;height:2.75rem;padding:0 .5rem;font-weight:600}.a4-unit{color:var(--muted);font-weight:500}.nudge{border:1px solid var(--line);background:var(--field);border-radius:50%;width:2.75rem;height:2.75rem;font-size:1.375rem;line-height:1}.nudge:hover{background:var(--soft)}.window{background:var(--glass);color:var(--glass-ink);border:1px solid var(--glass-edge);border-radius:1rem;padding:1.25rem 1.25rem 1rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #000,inset 0 12px 40px #0009}.meter{aspect-ratio:640/210;width:100%;max-width:44rem;height:auto;margin:0 auto;display:block;overflow:hidden}.tick{stroke:var(--scale);stroke-width:2px;stroke-linecap:round}.tick.major{stroke-width:3px}.tick.fine{stroke-width:1.5px;opacity:.6}.arc{fill:none;stroke:var(--scale);stroke-width:1.5px;opacity:.5}.num{fill:var(--glass-muted);text-anchor:middle;dominant-baseline:middle;font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;font-stretch:110%}.zone{fill:var(--green);opacity:.16;transition:opacity .15s}.needle{stroke:var(--glass-ink);stroke-width:4px;stroke-linecap:round;opacity:.35;transition:stroke .12s,opacity .2s}.window[data-signal=on] .needle{opacity:1;stroke:var(--amber)}.window[data-signal=held] .needle{opacity:.55}.window[data-tune=in] .needle{stroke:var(--green)}.window[data-tune=in] .zone{opacity:.6}.reading,.detail{max-width:44rem;margin-inline:auto}.reading{border-top:1px solid var(--glass-edge);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem;min-height:9.5rem;padding-top:.5rem;display:grid}.side{font-variant-numeric:tabular-nums;color:var(--glass-ink);white-space:nowrap;margin:0;font-size:clamp(1rem,2.6vw,1.5rem);font-weight:600}.side.cents{text-align:right}.unit-label{color:var(--glass-muted);font-size:.75em;font-weight:500}.window:not([data-signal=on]):not([data-signal=held]) .side{visibility:hidden}.center{justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1.25rem);min-width:11rem;display:flex;position:relative}.note{min-width:1ch;color:var(--glass-ink);align-items:baseline;margin:0;font-size:clamp(4.75rem,13vw,7.5rem);font-weight:700;font-stretch:112%;line-height:1;transition:color .12s;display:flex}.note-acc{align-self:flex-start;margin-top:.1em;font-size:.5em;font-weight:600}.note-acc[data-acc=\#],.note-acc[data-acc=b]{-webkit-text-fill-color:transparent;width:.62em;height:1em;-webkit-mask:var(--acc-shape) no-repeat center / contain;-webkit-mask:var(--acc-shape) no-repeat center / contain;mask:var(--acc-shape) no-repeat center / contain;background:currentColor;margin-left:.04em;overflow:hidden}.note-acc[data-acc=\#]{--acc-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 100'%3E%3Cpath d='M17 8h8v88h-8zM37 4h8v88h-8zM5 39 57 28v15L5 54zM5 66 57 55v15L5 81z'/%3E%3C/svg%3E")}.note-acc[data-acc=b]{--acc-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 100'%3E%3Cpath fill-rule='evenodd' d='M10 0H21V56C32 47 54 46 54 63C54 79 38 90 10 99ZM21 68V88C33 82 43 76 43 67C43 59 31 59 21 68Z'/%3E%3C/svg%3E")}.note-oct{color:var(--glass-muted);margin-left:.04em;font-size:.34em;font-weight:600}.window[data-signal=held] .note{color:var(--glass-muted)}.window[data-tune=in] .note{color:var(--green)}.arrow{opacity:.18;border-top:.9rem solid #0000;border-bottom:.9rem solid #0000;width:0;height:0;transition:opacity .1s,border-color .1s}.arrow.flat{border-left:1.2rem solid var(--glass-ink)}.arrow.sharp{border-right:1.2rem solid var(--glass-ink)}.window[data-tune=flat] .arrow.flat{opacity:1;border-left-color:var(--amber)}.window[data-tune=sharp] .arrow.sharp{opacity:1;border-right-color:var(--amber)}.window[data-tune=in] .arrow{opacity:1}.window[data-tune=in] .arrow.flat{border-left-color:var(--green)}.window[data-tune=in] .arrow.sharp{border-right-color:var(--green)}.window[data-mode=idle] .arrow,.window[data-mode=idle] .note{visibility:hidden}.start{background:var(--glass-ink);min-height:3.5rem;color:var(--glass);white-space:nowrap;border:0;border-radius:.75rem;padding:0 1.75rem;font-size:1.125rem;font-weight:700;font-stretch:112%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff40,0 8px 30px #4be3a42e}.start:hover{background:#fff}.start:focus-visible,.stop:focus-visible,.window a:focus-visible{outline-color:var(--green)}.window:not([data-mode=idle]) .start{display:none}.detail{min-height:1.5rem;color:var(--glass-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;margin:.25rem auto .75rem;font-size:.9375rem;display:flex}.detail span:empty{display:none}.strobe{height:1.625rem;box-shadow:inset 0 0 0 1px var(--glass-edge);background:#020405;border-radius:.375rem;position:relative;overflow:hidden}.strobe-bars{background:repeating-linear-gradient(90deg, var(--scale) 0 12px, transparent 12px 24px);opacity:.12;will-change:transform;transition:opacity .2s,background .2s;position:absolute;inset:3px -48px}.window[data-signal=on] .strobe-bars{opacity:.75}.window[data-tune=in] .strobe-bars{background:repeating-linear-gradient(90deg, var(--green) 0 12px, transparent 12px 24px);opacity:.9}.foot{align-items:center;gap:.75rem;min-height:2.75rem;margin-top:.75rem;display:flex}.status{color:var(--glass-muted);margin:0;font-size:.9375rem}.level{visibility:hidden;background:#ffffff14;border-radius:1rem;flex:1;max-width:12rem;height:.375rem;overflow:hidden}.window[data-mode=on] .level{visibility:visible}.level-bar{background:var(--glass-muted);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.stop{border:1px solid var(--glass-edge);min-height:2.75rem;color:var(--glass-ink);background:#ffffff0f;border-radius:.625rem;margin-left:auto;padding:0 1.25rem;font-weight:600}.stop:hover{background:#ffffff1f}.alert{color:var(--glass-ink);background:#ffb54714;border:1px solid #ffb5478c;border-radius:.625rem;margin:.75rem 0 0;padding:.75rem 1rem}.alert p{margin:0}.alert a{color:var(--amber)}.privacy{color:var(--glass-muted);margin:.5rem 0 0;font-size:.8125rem}.tuning-row{grid-template-columns:minmax(12rem,15rem) auto minmax(0,1fr);grid-template-areas:"inst auto strings";align-items:end;gap:1rem;margin-top:1.25rem;display:grid}.field{gap:.25rem;display:grid}.field label,.names legend{color:var(--muted);font-size:.875rem;font-weight:600}select{border:1px solid var(--line);background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23788591' stroke-width='2'/%3E%3C/svg%3E") no-repeat right .75rem center / .75rem;appearance:none;border-radius:.5rem;min-width:0;height:2.75rem;padding:0 2.25rem 0 .75rem}.instrument{grid-area:inst;min-width:0}.instrument select{width:100%}.auto{border:1px solid var(--line);background:var(--field);border-radius:.5rem;grid-area:auto;align-items:center;gap:.5rem;height:2.75rem;padding:0 1rem 0 .875rem;font-weight:600;display:inline-flex}.auto:before{content:"";background:var(--line);border-radius:50%;width:.5rem;height:.5rem}.auto:hover{border-color:var(--muted)}.auto[aria-pressed=true]{border-color:var(--ink)}.auto[aria-pressed=true]:before{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.strings{flex-wrap:wrap;grid-area:strings;gap:.5rem;min-width:0;display:flex}.string{border:2px solid var(--line);background:var(--field);border-radius:50%;place-content:center;justify-items:center;width:3.5rem;height:3.5rem;padding:0;line-height:1;transition:background .1s,color .1s,border-color .1s;display:grid;position:relative}.string:hover{border-color:var(--muted)}.s-num{color:var(--muted);margin-bottom:.1875rem;font-size:.6875rem;font-weight:600}.s-name{font-size:1.0625rem;font-weight:700;font-stretch:108%}.s-name sub{vertical-align:baseline;margin-left:.05em;font-size:.65em;font-weight:600;position:relative;top:.15em}.string[aria-pressed=true]{border-color:var(--ink);border-width:3px}.string.is-target{background:var(--ink);border-color:var(--ink);color:var(--face)}.string.is-target .s-num{color:inherit;opacity:.75}.string.is-in{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.string.is-in .s-num{color:inherit}.string.is-sounding:after{content:"";border:2px solid var(--accent);border-radius:50%;position:absolute;inset:-7px}.options{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 2rem;margin-top:1.25rem;padding-top:1rem;display:flex}.names{border:0;align-items:center;gap:.25rem 1rem;margin:0;padding:0;display:flex}.names legend{float:left;margin-right:.5rem;padding:0}.names label,.check{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;display:inline-flex}input[type=radio],input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent);margin:0}.input-field{align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex}.input-field select{text-overflow:ellipsis;min-width:0;max-width:16rem}.tunings,.about,.keys{margin-top:2.5rem}h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:750;font-stretch:118%}.note-line,.about p{max-width:44rem;color:var(--ink)}.note-line{color:var(--muted);margin:0 0 1rem}.table-wrap{overflow-x:auto}.tuning-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tuning-table th,.tuning-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem .75rem .5rem 0}.tuning-table thead th{color:var(--muted);font-size:.875rem;font-weight:600}.tuning-table tbody th{white-space:nowrap;font-weight:600}.tuning-table tr.current th{color:var(--accent)}.t-note{font-weight:700;display:block}.t-hz{color:var(--muted);font-size:.8125rem;display:block}.about p{margin:0 0 .875rem}.keys dl{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.5rem 1.5rem;margin:0;display:grid}.keys dl div{align-items:baseline;gap:.75rem;display:flex}.keys dt{flex:none;min-width:5.5rem}.keys dd{color:var(--muted);margin:0}kbd{border:1px solid var(--line);background:var(--field);min-width:1.75rem;font:inherit;text-align:center;border-bottom-width:2px;border-radius:.3125rem;padding:.125rem .375rem;font-size:.875rem;display:inline-block}.site-footer{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding:1.5rem 1rem 2.5rem;font-size:.875rem;display:flex}.site-footer a{color:var(--ink);text-underline-offset:.2em;padding:.75rem .25rem;display:inline-block}.tt-take{color:var(--take)}@media (width<=40rem){main{padding:.75rem 1rem 2.5rem}.unit{border-radius:1.25rem;padding:.875rem .75rem 1rem}.window{padding:1rem .75rem .875rem}.num{font-size:26px}.num.odd{display:none}.reading{min-height:7.5rem}.center{min-width:0}.arrow{border-top-width:.6rem;border-bottom-width:.6rem}.arrow.flat{border-left-width:.8rem}.arrow.sharp{border-right-width:.8rem}.side{font-size:1rem}.side .unit-label{display:block}.unit-top{flex-wrap:wrap;gap:.5rem 1rem}.a4 input{width:4.5rem}.input-field{flex:100%}.input-field select{flex:1;max-width:none}.tuning-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"inst auto""strings strings";gap:.75rem}.strings{gap:.375rem}.string{width:3rem;height:3rem}.tuning-table thead{display:none}.tuning-table,.tuning-table tbody,.tuning-table tr{display:block}.tuning-table tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem .5rem;padding:.625rem 0;display:grid}.t-unit{display:none}.tuning-table th,.tuning-table td{border:0;padding:0;display:block}.tuning-table tbody th{grid-column:1/-1}}@media (width<=22.5rem){main,.unit{padding-inline:.5rem}.string{width:2.75rem;height:2.75rem}.strings{gap:.25rem}.t-hz{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.strobe,.strobe-note{display:none}.needle,.zone,.note,.arrow{transition:none}}@media print{:root{--ink:#000;--muted:#333;--line:#999;--accent:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#000;background:#fff}.unit,.about,.keys,.site-footer{display:none}.tunings{margin:0}.tuning-table th,.tuning-table td{border-color:#999}.t-hz,.note-line{color:#333}}