*{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}.selector-pill{display:flex;align-items:stretch;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden}.pill-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease}.pill-section:hover{background:#ffffff14}.instrument-section{padding:10px 16px}.tuning-section{padding:10px 20px}.pill-divider{width:1px;background:#ffffff26}.pill-label{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#ffffffe6}.pill-notes{font-size:.65rem;color:#ffffff80;letter-spacing:3px}.tuning-modal-overlay{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;transition:background .3s ease}.tuning-modal-overlay.open{background:#000c;pointer-events:auto}.tuning-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:90%;max-width:360px;max-height:70vh;overflow-y:auto;transform:scale(.9) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.tuning-modal.open{transform:scale(1) translateY(0);opacity:1}.tuning-modal h2{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#ffffffb3;margin:0 0 20px;text-align:center}.tuning-list{display:flex;flex-direction:column;gap:8px}.tuning-option{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .2s ease;text-align:center}.tuning-option:hover{background:#ffffff1a;border-color:#ffffff26}.tuning-option.active{background:#22c55e26;border-color:#22c55e66}.tuning-option-name{font-size:.95rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.tuning-option.active .tuning-option-name{color:#22c55e}.tuning-option-notes{font-size:.75rem;color:#fff6;letter-spacing:2px}.tuning-modal::-webkit-scrollbar{width:6px}.tuning-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tuning-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.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:100%;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: clamp(6px, 2vw, 10px);--bar-gap: clamp(5px, 1.5vw, 8px);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%;background-color:#ffffff26;transition:background-color .1s ease-out,opacity .1s ease-out}.bar.center{height:75%}.labels{display:flex;justify-content:space-between;padding:12px 5% 0;width:90%;margin:0 auto}.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-gap: 6px}}