.tn-inputs{gap:.5rem}
.tn-safety{margin:.5rem 0}
.tn-meterbox{margin:.4rem 0}
.cf-meter{display:inline-block;width:min(260px,100%);height:12px;border-radius:6px;background:var(--line,#dde);overflow:hidden;vertical-align:middle}
.cf-meter span{display:block;height:100%;width:0;background:#2e9d5b;transition:width .08s}
.tn-tuner{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:.4rem 0}
.tn-now{font-size:2.4rem;font-weight:700;min-width:3.5ch}
.tn-dial{position:relative;display:inline-block;width:120px;height:14px;border-radius:7px;background:linear-gradient(90deg,#f6c1bd,#fff2b3 35%,#bfe6c9 45%,#bfe6c9 55%,#fff2b3 65%,#f6c1bd)}
.tn-needle{position:absolute;left:58px;top:-5px;width:4px;height:24px;border-radius:2px;background:var(--ink,#222);transition:transform .08s}
.tn-status{margin:.5rem 0;min-height:1.4em}
.tn-status p{margin:.2rem 0}
.tn-problem{border-left:4px solid #c77700;padding:.4rem .7rem;background:rgba(199,119,0,.08);border-radius:6px}
.tn-help{margin:.3rem 0 .2rem 1.2rem}
.tn-settings{margin:.6rem 0}
.tn-results{margin-top:.8rem}
.tn-view{margin:.6rem 0;max-width:100%;overflow-x:auto}
.tn-bar{display:flex;gap:4px;align-items:stretch;margin:4px 0;min-width:0}
.tn-barno{flex:0 0 2.2em;font-size:.75rem;color:var(--muted,#667);padding-top:.5rem}
.tn-note,.tn-rest{flex-basis:0;min-width:2.4em;border-radius:8px;padding:.3rem .2rem;text-align:center}
.tn-note{border:2px solid var(--line,#ccd);background:var(--card,#fff);color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.tn-note b{font-size:1.05rem}.tn-note small{font-size:.72rem;color:var(--muted,#667)}
.tn-note.sel{border-color:var(--brand,#0e7c6b);box-shadow:0 0 0 2px var(--brand,#0e7c6b)}
.tn-note.now{background:rgba(46,157,91,.18)}
.tn-note:focus-visible{outline:3px solid var(--brand,#0e7c6b);outline-offset:2px}
.tn-rest{border:2px dashed var(--line,#ccd);font-size:.72rem;color:var(--muted,#667)}
.tn-edit{gap:.3rem;align-items:center}
.tn-fall{width:100%;height:300px;display:block;border-radius:8px;background:var(--card,#fff)}
.tn-tab{font-size:.9rem;line-height:1.25;overflow-x:auto;max-width:100%;padding:.5rem;border:1px solid var(--line,#ccd);border-radius:8px}
.tn-reclist{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}
.tn-reclist li{border:1px solid var(--line,#ccd);border-radius:8px;padding:.2rem .4rem;display:flex;flex-direction:column;align-items:center}
.tn-holes{letter-spacing:.05em;font-size:.95rem}
.tn-lessonrow{align-items:flex-end}
@media (max-width:480px){.tn-now{font-size:2rem}.tn-note,.tn-rest{min-width:2em}.tn-barno{flex-basis:1.6em}}