*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input{font-family:inherit}.app-container{background-color:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:20px}.app-content{max-width:600px;padding-bottom:30px;width:100%}.app-header{border-bottom:1px solid #1a1a1a;margin-bottom:0;padding:20px;text-align:center}.app-title{color:#0f8;font-size:36px;font-weight:700;margin:0 0 5px}.app-subtitle{color:#888;font-size:14px;letter-spacing:2px;margin:0;text-transform:uppercase}.tap-tempo-container{border-bottom:1px solid #1a1a1a;padding:20px}.tap-tempo-title{color:#888;font-size:16px;font-weight:700;margin:0 0 12px;text-align:center}.tap-button{align-items:center;background-color:#1a1a1a;border:1px solid #0f8;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:center;margin:10px 0;transition:transform .1s,background-color .1s;width:100%}.tap-button:hover{background-color:#1f1f1f}.tap-button:active{background-color:#252525;transform:scale(.98)}.tap-button-text{color:#0f8;font-size:32px;font-weight:700;letter-spacing:3px}.tap-count{color:#888;font-size:12px;margin-top:5px}.bpm-display{margin:12px 0;text-align:center}.bpm-label{color:#888;font-size:12px;letter-spacing:1px;margin:0 0 5px;text-transform:uppercase}.bpm-value{color:#0f8;font-size:32px;font-weight:700;margin:0}.reset-button{background-color:#0a0a0a;border:1px solid #333;border-radius:8px;color:#666;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.reset-button:hover{background-color:#1a1a1a}.reset-button:active{background-color:#0f0f0f}.calculator-container{border-bottom:1px solid #1a1a1a;padding:20px}.calculator-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 15px;text-align:center}.input-group{margin-bottom:25px}.input-label{color:#888;display:block;font-size:14px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.bpm-input{background-color:#1a1a1a;border:2px solid #0f8;border-radius:10px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:32px;font-weight:600;padding:18px;text-align:center;width:100%}.bpm-input::placeholder{color:#444}.bpm-input:focus{border-color:#0f8;box-shadow:0 0 0 2px #0f83;outline:none}.bpm-input::-webkit-inner-spin-button,.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-input[type=number]{-moz-appearance:textfield}.operations-container{display:flex;gap:15px}.operation-button{align-items:center;background-color:#1a1a1a;border:2px solid #0f8;border-radius:12px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:100px;padding:20px}.operation-symbol{color:#888;font-size:32px;font-weight:700;margin-bottom:10px}.result-text{color:#0f8;font-size:28px;font-weight:700}
/*# sourceMappingURL=main.16a83ed0.css.map*/