.tn{background:radial-gradient(ellipse 1100px 300px at 50% 0%,var(--st-case-lit, #10273c) 0%,transparent 70%),linear-gradient(180deg,#0b1f31,#06121d);padding:1.75rem 0 2.5rem;color:#f4f1ea}.tn-inner{max-width:60rem;margin:0 auto;padding:0 1rem;display:grid;gap:1.5rem}.tn [hidden],.tn-board[hidden],.tn-board-scroll[hidden]{display:none!important}.tn-face{border:1px solid rgba(201,169,97,.28);border-radius:6px;background:linear-gradient(180deg,#0f2639,#091a29);padding:1.25rem;display:grid;gap:1.25rem}@media(min-width:768px){.tn-face{padding:1.75rem 2rem}}.tn-bar{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;align-items:end}.tn-field{display:grid;gap:.35rem;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:#f4f1eaa8;min-width:0}.tn-field select{font:inherit;text-transform:none;letter-spacing:0;font-size:1rem;color:#f4f1ea;background:#06121d;border:1px solid rgba(201,169,97,.5);border-radius:4px;padding:.55rem .75rem;max-width:100%}.tn-stepper{display:inline-flex;align-items:center;border:1px solid rgba(201,169,97,.5);border-radius:4px;overflow:hidden}.tn-stepper button{background:#06121d;color:#e2c78d;border:0;width:2.5rem;height:2.4rem;font-size:1.25rem;cursor:pointer}.tn-stepper button:hover{background:#10273c}.tn-stepper output{padding:0 .75rem;font-size:1rem;letter-spacing:0;text-transform:none;color:#f4f1ea;font-variant-numeric:tabular-nums;white-space:nowrap}.tn-display{--tn-state: #c9a961;position:relative;display:grid;justify-items:center;padding:.5rem 0 .25rem}.tn-display[data-state=flat],.tn-display[data-state=sharp]{--tn-state: #e0935a}.tn-display[data-state=in-tune]{--tn-state: #5cd394}.tn-gauge{width:min(100%,26rem);height:auto;overflow:visible}.tn-arc{fill:none;stroke:#c9a96159;stroke-width:2}.tn-zone{fill:none;stroke:#5cd394;stroke-width:6;opacity:.35}.tn-display[data-state=in-tune] .tn-zone{opacity:1}.tn-tick{stroke:#c9a96199;stroke-width:1.5}.tn-tick-long{stroke:#e2c78d;stroke-width:2.5}.tn-scale{fill:#f4f1ea8c;font-size:18px;text-anchor:middle}.tn-needle line{stroke:var(--tn-state);stroke-width:3;stroke-linecap:round}.tn-needle circle{fill:var(--tn-state)}.tn-readout{display:grid;justify-items:center;gap:.15rem;margin-top:-.5rem;text-align:center}.tn-note{font-family:var(--st-display, Georgia, serif);font-size:clamp(3.5rem,12vw,5rem);line-height:1;color:var(--tn-state);font-weight:600}.tn-note sub{font-size:.4em;vertical-align:baseline;margin-left:.05em;color:#f4f1ea99}.tn-cents{font-size:1.125rem;font-variant-numeric:tabular-nums;color:#f4f1ea;min-height:1.5em}.tn-hint{margin:.25rem 0 0;font-size:1.0625rem;font-weight:700;color:var(--tn-state);min-height:1.5em;max-width:32rem}.tn-display[data-state=idle] .tn-hint,.tn-display[data-state=listening] .tn-hint{font-weight:400;color:#f4f1eacc}.tn-hz{font-size:.8125rem;color:#f4f1ea8c;font-variant-numeric:tabular-nums;min-height:1.2em}.tn-level{--level: 0;width:min(100%,14rem);height:4px;background:#f4f1ea1f;border-radius:2px;margin-top:.75rem;overflow:hidden}.tn-level i{display:block;height:100%;width:calc(var(--level) * 100%);background:#c9a961;transition:width 80ms linear}.tn-strings{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.tn-string{position:relative;display:grid;justify-items:center;gap:.1rem;min-width:5.25rem;padding:.6rem .75rem .55rem;background:#06121d;color:#f4f1ea;border:1px solid rgba(201,169,97,.45);border-radius:6px;cursor:pointer}.tn-string:hover{border-color:#e2c78d}.tn-string:focus-visible,.tn-mic:focus-visible,.tn-drone:focus-visible,.tn-stepper button:focus-visible,.tn-field select:focus-visible{outline:2px solid #e2c78d;outline-offset:2px}.tn-string-note{font-family:var(--st-display, Georgia, serif);font-size:1.6rem;line-height:1.1;font-weight:600}.tn-string-note sub{font-size:.5em;vertical-align:baseline;color:#f4f1ea8c}.tn-string-label{font-size:.75rem;color:#f4f1ea99;white-space:nowrap}.tn-string-check{position:absolute;top:.3rem;right:.45rem;font-size:.85rem;color:#5cd394;opacity:0}@media(max-width:700px){.tn-bar{order:0}.tn-actions{order:1}.tn-display{order:2}.tn-strings{order:3}.tn-drones{order:4}.tn-message{order:5}}@media(max-width:480px){.tn-face{padding:1rem .75rem}.tn-strings{gap:.4rem}.tn-string{min-width:0;flex:1 1 3.9rem;max-width:5.25rem;padding:.5rem .25rem}.tn-string-label{font-size:.6875rem}}.tn-string.is-active{border-color:#e2c78d;box-shadow:0 0 0 2px #e2c78d59}.tn-string.is-locked{background:#10273c;border-color:#e2c78d}.tn-string.is-tuned{border-color:#5cd394}.tn-string.is-tuned .tn-string-check{opacity:1}.tn-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.9rem 1.5rem}.tn-mic{display:inline-flex;align-items:center;gap:.6rem;min-width:13rem;justify-content:center;padding:.85rem 1.5rem;background:#c9a961;color:#0b1f31;border:0;border-radius:4px;font-size:1.0625rem;font-weight:700;cursor:pointer}.tn-mic:hover{background:#e2c78d}.tn-mic.is-on{background:transparent;color:#e2c78d;box-shadow:inset 0 0 0 1px #c9a961}.tn-mic-icon{width:.7rem;height:1.05rem;border:2px solid currentColor;border-radius:.5rem;position:relative}.tn-mic.is-on .tn-mic-icon{background:#e0935a;border-color:#e0935a;animation:tn-pulse 1.4s ease-in-out infinite}@keyframes tn-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.tn-mic.is-on .tn-mic-icon{animation:none}}.tn-toggles{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;align-items:center}.tn-toggle{display:inline-flex;gap:.45rem;align-items:center;font-size:.9375rem;color:#f4f1ead9;cursor:pointer}.tn-toggle input{accent-color:#c9a961;width:1.05rem;height:1.05rem}.tn-stop-tone{background:none;border:1px solid rgba(244,241,234,.4);color:#f4f1ea;border-radius:4px;padding:.35rem .8rem;cursor:pointer}.tn-drones{border-top:1px solid rgba(201,169,97,.2);padding-top:1rem;text-align:center;display:grid;gap:.6rem}.tn-drones p{margin:0;font-size:.9375rem;color:#f4f1eabf}.tn-drones strong{color:#e2c78d}.tn-drone-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tn-drone{background:#06121d;color:#f4f1ea;border:1px solid rgba(201,169,97,.45);border-radius:999px;padding:.45rem 1rem;cursor:pointer;font-weight:700}.tn-drone:hover{border-color:#e2c78d}.tn-message{margin:0;text-align:center;font-size:.9375rem;color:#f4f1ea;background:#c9a9611f;border-radius:4px;padding:.6rem .9rem}.tn-board{background:#f4f1ea;color:#0b1f31;border-radius:6px;padding:1.25rem;display:grid;gap:.6rem;min-width:0}.tn-board-title{margin:0;font-family:var(--st-display, Georgia, serif);font-size:1.35rem}.tn-board-intro{margin:0;color:#55606c;font-size:.9375rem;max-width:46rem}.tn-board-scroll{overflow-x:auto}.tn-board-table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.875rem;min-width:100%}.tn-board-table caption{text-align:left;caption-side:bottom;padding-top:.5rem;color:#55606c;font-size:.8125rem}.tn-board-table th,.tn-board-table td{border:1px solid rgba(11,31,49,.16);padding:.4rem .45rem;text-align:center;white-space:nowrap}.tn-board-table thead th{color:#6f5628;font-weight:700;font-size:.75rem}.tn-board-table thead th.tn-marker{background:#c9a9612e}.tn-board-table tbody th{color:#0b1f31;background:#c9a9611f}.tn-board-table td.tn-open{font-weight:700}.tn-board-table td.is-lit{background:#0b1f31;color:#5cd394;font-weight:700}