*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Orbitron,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{min-height:100vh;min-height:100dvh;overflow-x:hidden}button{font-family:inherit}.waveform{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.6}.tuner{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:20px;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tuner-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px}.error{color:#ef4444;font-size:.9rem;text-align:center;padding:20px}.note-section{display:flex;flex-direction:column;align-items:center;gap:8px}.note-display{font-family:Michroma,sans-serif;font-size:5rem;color:#fff;letter-spacing:4px;transition:color .2s ease;perspective:500px;position:relative;display:inline-flex;align-items:center}.note-display.in-tune{color:#22c55e}.note-text{display:inline-block;animation:noteEnter .2s ease-out forwards}.note-text.note-exit{animation:noteExit .15s ease-in forwards}.note-text.note-enter{animation:noteEnter .2s ease-out forwards}@keyframes noteExit{0%{opacity:1;transform:scale(1) translateZ(0)}to{opacity:0;transform:scale(.8) translateZ(-50px)}}@keyframes noteEnter{0%{opacity:0;transform:scale(1.2) translateZ(50px)}to{opacity:1;transform:scale(1) translateZ(0)}}.note-display sub,.note-text sub{font-size:.4em;vertical-align:baseline;position:relative;bottom:-.3em;opacity:.7}.tune-arrow{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:.2em;font-size:.5em}.tune-arrow.up{color:#facc15}.tune-arrow.down{color:#fb923c}.string-label{font-size:.9rem;color:#ffffff80;text-align:center}.frequency-display{font-size:.9rem;color:#fff6;font-variant-numeric:tabular-nums;text-align:center;margin-top:8px}.tuning-indicator{width:100%;min-height:40vh;display:flex;flex-direction:column;justify-content:center}.bars-container{--bar-width: 6px;--bar-gap: 6px;position:relative;display:flex;justify-content:center;align-items:center;gap:var(--bar-gap);height:30vh;padding:0 10px}.bar{width:var(--bar-width);height:50%;border-radius:4px;background-color:#ffffff26}.bar.center{height:75%}.bar-glow{position:absolute;left:50%;width:var(--bar-width);height:50%;border-radius:4px;transform:translate(calc(-50% + var(--offset, 0) * (var(--bar-width) + var(--bar-gap))));transition:transform .12s ease-out,background-color .12s ease-out,box-shadow .12s ease-out,height .12s ease-out;pointer-events:none}.bar-glow.center{height:75%}.labels{display:flex;justify-content:space-between;padding:12px 5px 0}.label{font-size:.7rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.label.flat{color:#ef4444}.label.in-tune{color:#22c55e}.label.sharp{color:#ef4444}@media(max-width:480px){.tuner-content{gap:16px}.note-display{font-size:4rem}.bars-container{--bar-width: 5px;--bar-gap: 5px}}