body{font-family:system-ui,sans-serif;background:#111;color:#eee}#app{max-width:600px;margin:2rem auto;text-align:center}button{margin:.5rem;padding:.5rem 1rem;font-size:1rem}.controls{margin-bottom:1.5rem}.controls label{display:block;margin-bottom:.5rem}.controls #resetTempoButton{padding:.2rem .3rem;font-size:.8rem;margin-left:8px}.tab-labels{display:flex;justify-content:space-around}.tabs{display:flex;justify-content:space-around;gap:32px}.tabs .tab{font-family:monospace;font-size:18px}.tabs .tab .tab-row{display:flex;align-items:center}.tabs .tab .tab-row .string-name{width:20px}.tabs .tab .tab-row .tab-line{position:relative;width:100px;border-bottom:1px solid #444;height:24px}.tabs .tab .tab-row .tab-line .tab-fret{position:absolute;top:10px;transform:translate(-50%);font-weight:700;left:50%}.tabs .tab .tab-row .tab-line .tab-fret.root{color:#f55}.tabs .dimmed{opacity:.4}.beat-indicator{margin-top:1rem}.beat-indicator span{font-size:1.5rem;color:#444;margin:0 .2rem}.beat-indicator span.active{color:#0f0}