:root{--paper: #fafaf8;--ink: #1a1a1a;--ink-secondary: #6b6b6b;--ink-tertiary: #a0a0a0;--slate: #4a5568;--sage: #7a8b7a;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--serif);overscroll-behavior:none}.tuner{min-height:100dvh;display:flex;flex-direction:column;align-items:center}.header{width:100%;display:flex;align-items:center;padding:20px 24px 8px}.brand{font-size:13px;letter-spacing:3px;color:var(--ink)}.instrument-btn{appearance:none;background:none;border:0;margin-left:6px;padding:12px 8px;font-family:inherit;font-size:13px;letter-spacing:1px;color:var(--slate);cursor:pointer}.instrument-btn:hover{color:var(--ink)}.centre{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.string-dots{height:12px;margin-bottom:-18px;display:flex;justify-content:center;gap:18px;position:relative;z-index:1}.string-dot{position:relative;appearance:none;padding:0;width:12px;height:12px;border-radius:50%;border:1px solid var(--ink-tertiary);background:transparent;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.string-dot:after{content:"";position:absolute;inset:-14px -8px}.string-dot.active{border-color:var(--slate);background:var(--slate)}.string-dot.active.locked{border-color:var(--sage);background:var(--sage)}.string-dot.pressed{border-color:var(--ink);border-width:2px;transform:scale(1.45)}.note-wrap{position:relative;height:200px;display:flex;align-items:center;justify-content:center}.note-letter{font-family:var(--serif);font-style:italic;font-size:clamp(120px,42vw,180px);line-height:1;color:var(--ink);user-select:none;transition:color .2s ease;pointer-events:none}.note-letter.dimmed{color:var(--ink-secondary)}.note-letter.empty{opacity:.3}.lock-ring{position:absolute;width:180px;height:180px;border-radius:50%;border:2px solid var(--sage);pointer-events:none;animation:lock-ring .8s ease-out forwards}@keyframes lock-ring{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.lock-ring{animation:lock-ring-still .8s ease-out forwards}@keyframes lock-ring-still{0%{opacity:.9}to{opacity:0}}}.wave{margin-top:14px;width:min(100% - 96px,520px);height:36px;display:block}.drift{margin-top:28px;position:relative;width:220px;height:10px}.drift-tick{position:absolute;left:109.5px;width:1px;height:10px;background:var(--ink-tertiary);opacity:.4}.drift-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ink);will-change:transform}.drift-dot.in-tune{background:var(--sage)}.hz{margin-top:12px;font-size:11px;color:var(--ink-tertiary);font-variant-numeric:tabular-nums;min-height:14px}.message{max-width:30ch;text-align:center;padding:0 40px}.message-title{font-size:15px;letter-spacing:1px;color:var(--ink-secondary);margin:0}.message-hint{margin:12px 0 0;font-size:11px;letter-spacing:1px;color:var(--ink-tertiary);line-height:1.6}.bottom{display:flex;flex-direction:column;align-items:center;padding-bottom:max(48px,env(safe-area-inset-bottom,0px))}.power{appearance:none;background:none;border:0;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.power-circle{position:relative;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center}.power-circle.on{background:var(--sage)}.power-circle.off{border:3px solid var(--ink-tertiary)}.power-slash{position:absolute;width:84px;height:3px;border-radius:1.5px;background:var(--ink-tertiary);transform:rotate(-45deg)}.start-hint{margin-top:14px;font-size:11px;letter-spacing:1px;color:var(--ink-tertiary);transition:opacity .3s ease;min-height:14px}.start-hint.hidden{opacity:0}.settings-btn{appearance:none;background:none;border:0;margin-top:12px;padding:8px 16px;font-family:inherit;font-size:13px;letter-spacing:1px;color:var(--ink-tertiary);cursor:pointer}.settings-btn:hover{color:var(--ink-secondary)}.anchor{margin-left:10px;font-size:11px;letter-spacing:1px;color:var(--sage);font-variant-numeric:tabular-nums}.pop-wrap{position:relative;display:inline-flex}.pop-catcher{position:fixed;inset:0;z-index:20}.pop{position:absolute;z-index:21;background:var(--paper);border:1px solid rgba(26,26,26,.1);border-radius:10px;box-shadow:0 6px 24px #1a1a1a1a;padding:6px;animation:pop-in .12s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pop{animation:none}}.pop-down{top:calc(100% - 4px);left:0;min-width:150px}.pop-up{bottom:calc(100% + 4px);left:50%;transform:translate(-50%);animation-name:pop-in-up}@keyframes pop-in-up{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.sheet{width:min(88vw,320px);padding:18px 20px;text-align:left;max-height:70dvh;overflow-y:auto}.sheet:focus{outline:none}.sheet-title{margin:0 0 20px;font-size:11px;font-weight:400;letter-spacing:3px;color:var(--ink-secondary)}.sheet-label{margin:20px 0 10px;font-size:11px;letter-spacing:1px;color:var(--ink-tertiary)}.toggle-row{display:flex;gap:32px}.toggle{appearance:none;background:none;border:0;padding:0 0 4px;font-family:inherit;font-size:26px;font-weight:300;color:var(--ink-tertiary);cursor:pointer;border-bottom:1.5px solid transparent;transition:transform .12s ease}.toggle.active{color:var(--slate);border-bottom-color:var(--slate)}.toggle:active{transform:scale(.85)}.stepper-row{display:flex;align-items:center;justify-content:space-between}.step-btn{appearance:none;background:none;border:0;padding:8px 16px;font-family:inherit;font-size:32px;font-weight:200;line-height:1;color:var(--slate);cursor:pointer}.step-btn:disabled{color:var(--ink-tertiary);opacity:.4;cursor:default}.pitch-value{flex:1;text-align:center;font-size:20px;letter-spacing:3px;text-transform:uppercase;color:var(--ink);font-variant-numeric:tabular-nums}.preset-row{display:flex;gap:12px;margin-top:14px}.preset{appearance:none;background:none;border:1px solid var(--ink-tertiary);border-radius:999px;min-height:36px;padding:6px 18px;font-family:inherit;font-size:13px;letter-spacing:1px;color:var(--ink-secondary);cursor:pointer;font-variant-numeric:tabular-nums}.preset.active{border-color:var(--slate);color:var(--slate)}.sheet-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.done{appearance:none;background:none;border:0;padding:8px 16px;font-family:inherit;font-size:13px;color:var(--slate);cursor:pointer}.sheet-site{font-size:11px;letter-spacing:2px;color:var(--ink-tertiary);opacity:.7;text-decoration:none}.picker-option{appearance:none;background:none;border:0;border-radius:6px;width:100%;min-height:44px;padding:10px 16px;text-align:left;font-family:inherit;font-size:15px;letter-spacing:1px;color:var(--ink-secondary);cursor:pointer}.picker-option[aria-checked=true]{color:var(--ink)}.picker-option:hover{background:#4a55680f}.about{max-width:62ch;margin:0 auto;padding:8px 28px 0;color:var(--ink-secondary);font-size:15px;line-height:1.75}.about h1{font-size:22px;font-weight:400;letter-spacing:1px;color:var(--ink);margin:0 0 4px}.about h2{font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--ink-tertiary);margin:44px 0 12px}.about p{margin:0 0 16px}.strings{font-variant-numeric:tabular-nums;letter-spacing:2px;color:var(--slate);font-size:14px}.faq{margin:0}.faq dt{color:var(--ink);margin-top:16px}.faq dd{margin:4px 0 0}.other ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px}.about a,.site-footer a{color:var(--slate);text-decoration-color:#4a556859;text-underline-offset:3px}.site-footer{max-width:62ch;margin:56px auto 0;padding:56px 28px max(40px,env(safe-area-inset-bottom,0px));border-top:1px solid rgba(26,26,26,.08);text-align:center;font-size:13px;color:var(--ink-tertiary);line-height:1.9}.site-footer p{margin:0}.made{font-size:11px;letter-spacing:1px}.noscript{padding:40px;text-align:center;color:var(--ink-secondary)}