:root{--bg-color: #181815;--primary-color: #FFFFFF;--accent-color: #D97706;--accent-hover-color: #B45309;--control-bg: #1e1e1e;--text-color: #E0E0E0;--shadow-color: rgba(0, 0, 0, .5)}body{background:#16150a!important}.metronome-tool-wrapper{font-family:Inter,sans-serif;max-width:600px;margin:20px auto 30vh}.metronome{font-family:Inter,sans-serif;background-color:var(--control-bg);padding:40px 60px 50px;margin:0 10px;border-radius:20px;box-shadow:0 10px 30px var(--shadow-color);text-align:center;max-width:600px}.metronome .visual-indicator{width:20px;height:20px;background-color:var(--accent-color);border-radius:50%;margin:0 auto 10px;display:block;opacity:.2;transition:transform .05s ease-out,opacity .05s ease-out}.metronome .visual-indicator.beat{transform:scale(1.5);opacity:1}.bpm-display{font-size:6rem;font-weight:900;color:var(--primary-color)}.bpm-display span{letter-spacing:-2px;font-variant-numeric:tabular-nums}.controls{display:flex;flex-direction:column;gap:25px}.bpm-slider{-webkit-appearance:none;appearance:none;width:100%;height:10px;background:#333;outline:none;border-radius:5px;cursor:pointer}.bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:var(--accent-color);border-radius:50%;cursor:pointer;transition:background .2s ease}.bpm-slider::-moz-range-thumb{width:25px;height:25px;background:var(--accent-color);border-radius:50%;cursor:pointer;border:none;transition:background .2s ease}.bpm-slider:hover::-webkit-slider-thumb,.bpm-slider:hover::-moz-range-thumb{background:var(--accent-hover-color)}.control-button{font-size:1.9rem;font-weight:700;padding:20px;border:none;border-radius:10px;background-color:var(--accent-color);color:var(--primary-color);cursor:pointer;transition:background-color .2s ease,transform .1s ease}.control-button:hover{background-color:var(--accent-hover-color)}.control-button:active{transform:scale(.98)}.control-button.playing{background-color:#dc3545}.control-button.playing:hover{background-color:#c82333}.sound-select-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}.sound-select{background-color:#333;color:var(--text-color);border:1px solid #444;padding:8px 12px;border-radius:5px;width:200px;font-size:1.4rem;cursor:pointer}.page-header{display:flex;flex-direction:column;align-items:center;gap:4px}.header-tool-name{display:flex;align-items:center;justify-content:center;gap:15px;font-size:4rem;font-family:Inter,sans-serif;font-weight:900;margin:0 0 10px;text-transform:uppercase;color:var(--primary-color)}.brand-logo{height:80px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));margin:7px 0 0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/metronome-style.css.map */