:root{--primary-color: #c14949;--transition-curve: cubic-bezier(.16, 1, .3, 1)}body{font-family:system-ui;background:var(--primary-color);transition:background .3s var(--transition-curve);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}hr{border:0;border-top:1px solid #ffffff;margin:1rem 0}.container{background:var(--primary-color);transition:background .3s var(--transition-curve);padding:2rem;border-radius:8px;border:4px solid #ffffff;box-shadow:none;width:100%;max-width:600px;margin:2rem}h1{margin-top:0;font-size:1.5rem}.controls{display:flex;justify-content:center;margin:.5rem 0}button{margin:0 .5rem;padding:.5rem 1rem;border:none;border-radius:4px;background:#fff;color:var(--primary-color);transition:color .3s var(--transition-curve);cursor:pointer;font-size:1rem}.settings{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}label{display:flex;align-items:center;margin:.5rem 0;font-weight:700}input,select{margin-left:.5rem;padding:.3rem;border-radius:4px;border:1px solid #ffffff;background:#fff;color:var(--primary-color);transition:color .3s var(--transition-curve)}#stats,#viz{background:transparent;padding:1rem;border-radius:4px;margin-bottom:1rem}#viz{font-family:monospace;font-size:1rem;line-height:1.2em}.beat-indicator{width:20px;height:20px;background:#fff;border-radius:50%;opacity:.2;transition:opacity .3s var(--transition-curve)}input[type=range]{-webkit-appearance:none;width:100%;height:8px;background:#fff;border-radius:4px;outline:none;margin:0 .5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);transition:background .3s var(--transition-curve);border:2px solid #ffffff;border-radius:50%;cursor:pointer}input[type=range]::-ms-thumb,input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);transition:background .3s var(--transition-curve);border:2px solid #ffffff;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-track{background:#fff;height:8px;border-radius:4px}img{display:block;margin:0 auto 1rem}#chordLabel{width:26px;display:block}