.tadaoto-tuner-page .tun-app{margin:40px auto 0;max-width:880px}
.tadaoto-tuner-page [hidden]{display:none!important}
.tadaoto-tuner-page .tun-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tadaoto-tuner-page .tun-button{border:1px solid #b8bec5;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;min-height:46px;padding:11px 22px}
.tadaoto-tuner-page .tun-button--primary{background:var(--tool-accent);border-color:var(--tool-accent);color:#fff}
.tadaoto-tuner-page .tun-button--secondary{background:#fff;color:var(--tool-ink)}
.tadaoto-tuner-page .tun-select{background:#fff;border:1px solid #b8bec5;border-radius:999px;font:inherit;font-size:13px;max-width:280px;min-height:46px;padding:8px 14px}
.tadaoto-tuner-page .tun-a4{align-items:center;color:var(--tool-muted);display:flex;font-size:13px;font-weight:700;gap:6px;margin-left:auto}
.tadaoto-tuner-page .tun-a4 input{border:1px solid #b8bec5;border-radius:8px;font:inherit;font-size:14px;padding:8px;text-align:center;width:70px}
.tadaoto-tuner-page .tun-display{background:#10151a;border-radius:16px;margin-top:22px;opacity:.6;padding:34px 24px 26px;text-align:center;transition:opacity .3s}
.tadaoto-tuner-page .tun-display.is-active{opacity:1}
.tadaoto-tuner-page .tun-note-row{align-items:baseline;display:flex;gap:6px;justify-content:center}
.tadaoto-tuner-page .tun-note{color:#fff;font-size:88px;font-weight:800;line-height:1}
.tadaoto-tuner-page .tun-octave{color:#8a98a3;font-size:32px;font-weight:700}
.tadaoto-tuner-page .tun-display.is-tuned .tun-note{color:#37d67a}
.tadaoto-tuner-page .tun-meter{background:linear-gradient(90deg,#3a2b2b 0%,#20262d 35%,#1b3a2a 46%,#1b3a2a 54%,#20262d 65%,#3a2b2b 100%);border-radius:999px;height:14px;margin:26px auto 0;max-width:560px;position:relative}
.tadaoto-tuner-page .tun-meter__center{background:#37d67a;border-radius:2px;bottom:-6px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:2px}
.tadaoto-tuner-page .tun-meter__marker{background:#fff;border-radius:3px;bottom:-9px;box-shadow:0 0 8px rgba(255,255,255,.6);left:50%;position:absolute;top:-9px;transform:translateX(-50%);transition:left .08s linear;width:5px}
.tadaoto-tuner-page .tun-display.is-tuned .tun-meter__marker{background:#37d67a;box-shadow:0 0 10px rgba(55,214,122,.8)}
.tadaoto-tuner-page .tun-meter__label{color:#8a98a3;font-size:11px;position:absolute;top:20px}
.tadaoto-tuner-page .tun-meter__label--flat{left:0}
.tadaoto-tuner-page .tun-meter__label--sharp{right:0}
.tadaoto-tuner-page .tun-cents{color:#c8d2da;font-size:16px;font-weight:700;margin:34px 0 0}
.tadaoto-tuner-page .tun-display.is-tuned .tun-cents{color:#37d67a}
.tadaoto-tuner-page .tun-hz{color:#8a98a3;font-size:13px;margin:6px 0 0;min-height:1.2em}
.tadaoto-tuner-page .tun-input-level{align-items:center;color:#8a98a3;display:flex;font-size:12px;gap:9px;justify-content:center;margin:12px 0 -2px}
.tadaoto-tuner-page .tun-input-level__bar{background:#263039;border-radius:999px;display:block;height:5px;overflow:hidden;width:76px}
.tadaoto-tuner-page .tun-input-level__fill{background:#37d67a;border-radius:inherit;display:block;height:100%;transition:width .08s linear;width:0}
.tadaoto-tuner-page .tun-input-level .is-signal{color:#c8d2da}
.tadaoto-tuner-page .tun-strings{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
.tadaoto-tuner-page .tun-string{background:transparent;border:1px solid #37424d;border-radius:999px;color:#8a98a3;font-size:12px;font-weight:700;padding:6px 13px}
.tadaoto-tuner-page .tun-string.is-near{border-color:#fff;color:#fff}
.tadaoto-tuner-page .tun-string.is-tuned{background:#1b3a2a;border-color:#37d67a;color:#37d67a}
.tadaoto-tuner-page .tun-status{color:var(--tool-muted);font-size:13px;line-height:1.65;margin:14px 0 -.3em}
.tadaoto-tuner-page .tun-status.is-error{color:#a33a34;font-weight:700}
.tadaoto-tuner-page .tun-note-aside{background:var(--tool-panel);border-radius:12px;margin-top:22px;padding:22px 24px}
.tadaoto-tuner-page .tun-note-aside h2{font-size:16px;margin:0 0 10px}
.tadaoto-tuner-page .tun-note-aside ul{color:var(--tool-muted);font-size:13px;line-height:1.75;margin:0;padding-left:1.3em}
.tadaoto-tuner-page :focus-visible{outline:3px solid rgba(6,147,205,.32);outline-offset:3px}
@media(max-width:560px){.tadaoto-tuner-page .tun-a4{margin-left:0}
.tadaoto-tuner-page .tun-note{font-size:64px}
}