.tn-description{color:#475569;margin-bottom:14px}#unsupportedArea{display:none;background:#fdf2f2;border:1px solid #e57373;border-radius:8px;padding:16px 18px;margin-bottom:20px;text-align:left;color:#b23b3b;font-size:.95rem;line-height:1.8}#unsupportedArea .tn-unsupported-head{font-weight:700;display:block;margin-bottom:6px}#errorArea{display:none;margin:0 0 20px;padding:12px 16px;border-radius:8px;text-align:left;font-size:.92rem;line-height:1.7}#errorArea.is-error{background:#fdf2f2;border:1px solid #e57373;color:#c0392b}#errorArea ul{margin:8px 0 0 20px;padding:0}#errorArea li{margin-bottom:4px}.tn-panel{background:#f9fafb;border:1px solid #e2e8f0;border-radius:10px;padding:22px 20px;margin-bottom:18px;text-align:left}#startArea{text-align:center}.tn-start-lead{color:#334155;font-size:.95rem;margin:0 0 16px;line-height:1.7;text-align:left}.tn-start-note{font-size:.86rem;color:#64748b;line-height:1.7;margin:12px 0 0}.tn-btn-primary{padding:14px 32px;font-size:1.05rem;border:none;border-radius:8px;cursor:pointer;background-color:var(--accent);color:#fff;font-weight:700;transition:background-color .15s}.tn-btn-primary:hover{background-color:var(--accent-hover)}.tn-btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed}.tn-btn-stop{padding:11px 26px;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;background-color:#64748b;color:#fff;font-weight:700;transition:background-color .15s}.tn-btn-stop:hover{background-color:#475569}#stopRow{display:none;text-align:center;margin-top:4px}#detectArea{display:none;text-align:center}.tn-readout{display:flex;align-items:baseline;justify-content:center;gap:14px;min-height:92px;margin-bottom:4px}.tn-note{font-size:5rem;font-weight:800;line-height:1;color:#1e293b;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tn-doremi{font-size:1.6rem;font-weight:700;color:var(--accent)}.tn-freq{font-size:1rem;color:#64748b;font-variant-numeric:tabular-nums;min-height:1.4em;margin-bottom:10px}.tn-meter{position:relative;width:100%;max-width:520px;margin:0 auto 12px;height:62px}.tn-meter-bar{position:absolute;left:0;right:0;top:30px;height:10px;background:linear-gradient(90deg,#f87171,#fbbf24 35%,#34d399 47% 53%,#fbbf24 65%,#f87171);border-radius:6px}.tn-meter-center{position:absolute;left:50%;top:20px;width:2px;height:30px;background:#1e293b;transform:translate(-50%)}.tn-meter-ticks{position:absolute;left:0;right:0;top:44px;display:flex;justify-content:space-between;font-size:.7rem;color:#94a3b8;font-variant-numeric:tabular-nums}.tn-needle{position:absolute;top:10px;left:50%;width:4px;height:40px;background:#1e293b;border-radius:3px;transform:translate(-50%);transition:left .06s linear,background-color .15s;box-shadow:0 1px 4px #00000040}.tn-needle.is-ok{background:#059669}.tn-needle:after{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid currentColor;color:inherit}.tn-status{display:inline-block;min-width:150px;padding:8px 18px;border-radius:999px;font-size:1.05rem;font-weight:700;background:#eef2f7;color:#64748b;margin-bottom:6px}.tn-status.is-ok{background:#ecfdf5;color:#047857}.tn-status.is-low{background:#eff6ff;color:#1d4ed8}.tn-status.is-high{background:#fef2f2;color:#b91c1c}.tn-ok-check{font-size:1.4rem;color:#059669;font-weight:700;opacity:0;transition:opacity .2s;min-height:1.6em}.tn-ok-check.is-visible{opacity:1}.tn-detect-hint{font-size:.86rem;color:#64748b;line-height:1.7;margin:10px 0 0;text-align:left}.tn-controls-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 12px}.tn-mode-row,.tn-string-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tn-mode-btn{padding:9px 16px;font-size:.92rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;cursor:pointer;font-weight:600}.tn-mode-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.tn-string-btn{padding:9px 14px;min-width:52px;font-size:.92rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;cursor:pointer;font-weight:600;font-variant-numeric:tabular-nums}.tn-string-btn.is-near{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg, #d1f0ec)}.tn-string-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}.tn-auto-btn{font-weight:700}.tn-chroma-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.tn-chroma-row label{font-size:.9rem;color:#475569}.tn-chroma-row select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;color:#1e293b;background:#fff}.tn-ref-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #e2e8f0;padding-top:16px}.tn-a4{display:flex;align-items:center;gap:8px}.tn-a4-label{font-size:.9rem;color:#475569}.tn-a4-value{font-size:1.05rem;font-weight:700;color:#1e293b;min-width:3.4em;text-align:center;font-variant-numeric:tabular-nums}.tn-a4-btn{width:34px;height:34px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1e293b;font-size:1.2rem;line-height:1;cursor:pointer}.tn-a4-btn:disabled{color:#cbd5e1;cursor:not-allowed}.tn-ref-btn{padding:10px 18px;font-size:.95rem;border:1px solid var(--accent);border-radius:8px;background:#fff;color:var(--accent);cursor:pointer;font-weight:700}.tn-ref-btn:hover{background:var(--accent-bg, #eaf5f4)}.tn-ref-btn.is-playing{background:var(--accent);color:#fff}.tn-controls-note{font-size:.82rem;color:#94a3b8;line-height:1.7;margin:12px 0 0}@media (max-width: 480px){.tn-note{font-size:3.6rem}.tn-doremi{font-size:1.2rem}.tn-readout{min-height:70px;gap:10px}.tn-ref-row{gap:12px}.tn-status{font-size:.95rem;min-width:120px}}