html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:#242424;color:#ffffffde;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#root{width:100%;min-height:100vh;display:flex;justify-content:center}.app-container{max-width:1200px;padding:2rem 1rem}h1,h2,h3,h4,p{margin:0}.title{text-align:center;margin-top:2rem}.btn{border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:opacity .2s}.btn:hover{opacity:.8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-large{padding:10px 20px;font-size:1.1rem}.btn-small{padding:8px 16px}.btn-tiny{padding:4px 8px}.bg-green{background-color:#4ade80;color:#000}.bg-red{background-color:#ff4a4a;color:#fff}.bg-blue{background-color:#3b82f6;color:#fff}.bg-dark{background-color:#333;color:#fff}.controls-container{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.flex-row{display:flex;gap:1rem;align-items:center}.flex-center{display:flex;justify-content:center;flex-wrap:wrap}.tuner-container{margin:2rem 0;display:flex;flex-direction:column;align-items:center;text-align:center}.tuner-note{font-size:6rem}.tuner-hz{font-size:2rem;color:#ccc;margin-bottom:1rem}.meter-track{width:300px;height:24px;background:#222;margin:0 auto;border-radius:12px;position:relative;border:2px solid #444;overflow:hidden}.meter-label-left{position:absolute;left:10px;color:#aaa;font-size:.8rem;line-height:24px}.meter-label-right{position:absolute;right:10px;color:#aaa;font-size:.8rem;line-height:24px}.meter-center{position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:#ffffff4d}.meter-needle{position:absolute;transform:translate(-50%);width:6px;height:100%;border-radius:3px;transition:left .1s ease-out}.game-layout{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;align-items:flex-start}.game-column-left{flex:1.5;min-width:350px;display:flex;flex-direction:column;gap:2rem}.game-column-right{flex:1;min-width:350px}.panel{padding:2rem;background-color:#1a1a1a;border-radius:12px;border:1px solid #333}.panel-alt{background-color:#222;border-color:#444}.panel h3,.panel h4{color:#fff;margin-bottom:1rem}.panel-subtext{color:#ccc;font-weight:400;margin-bottom:1rem}.setting-block{margin-bottom:1.5rem;padding:1rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.string-row{display:flex;align-items:center;gap:1rem;background:#1a1a1a;padding:.5rem 1rem;border-radius:6px;margin-bottom:.5rem}.input-field{flex:1;padding:8px;border-radius:4px;border:1px solid #555;background:#222;color:#fff}.filter-grid{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{flex:1 1 20%;padding:8px 0;font-size:1rem}