.tuner{max-width:700px;margin:0 auto;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.tuner__controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;align-items:center}.tuner__select{background:#1a1a1a;color:#fff;border:2px solid #000;padding:.5rem .75rem;font-size:.9rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:600;box-shadow:6px 6px 0 #000;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;min-width:140px}.tuner__select:focus{outline:2px solid #ffdd01;outline-offset:2px}.tuner__mode-toggle{display:flex;border:2px solid #000;box-shadow:6px 6px 0 #000;overflow:hidden}.tuner__mode-btn{background:#1a1a1a;color:#aaa;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;cursor:pointer;transition:background .15s,color .15s}.tuner__mode-btn--active{background:#ffdd01;color:#1a1a1a}.tuner__mode-btn:not(.tuner__mode-btn--active):hover{background:#2d2d2d;color:#fff}.tuner__meter{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.tuner__meter-svg{width:100%;max-width:360px;display:block;margin:0 auto}.tuner__note-display{text-align:center;margin-top:.5rem}.tuner__note-name{font-size:3rem;font-weight:800;color:#1a1a1a;line-height:1}.tuner__note-freq{font-size:.9rem;color:#6b6b6b;margin-top:.25rem}.tuner__note-cents{font-size:1.1rem;font-weight:700;margin-top:.25rem}.tuner__note-cents--sharp{color:#e74c3c}.tuner__note-cents--flat{color:#3498db}.tuner__note-cents--tuned{color:#27ae60}.tuner__status{font-size:1rem;font-weight:700;text-align:center;margin-top:.25rem;padding:.3rem .8rem;display:inline-block}.tuner__status--tuned{color:#27ae60}.tuner__strings{background:#1a1a1a;border:3px solid #000;box-shadow:6px 6px 0 #000;padding:1rem;margin-bottom:1.5rem}.tuner__strings-title{color:#ffdd01;font-size:.85rem;font-weight:700;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.tuner__string{display:flex;align-items:center;padding:.6rem .75rem;cursor:pointer;border:2px solid transparent;margin-bottom:.25rem;transition:background .15s;min-height:44px}.tuner__string:hover{background:#2d2d2d}.tuner__string--active{background:rgba(255,221,1,.1);border-color:#ffdd01}.tuner__string-number{color:#666;font-size:.75rem;width:1.5rem;flex-shrink:0}.tuner__string-line{flex:1 1;height:2px;background:#444;margin:0 .75rem;position:relative}.tuner__string--active .tuner__string-line{background:#ffdd01;height:3px}.tuner__string-note{color:#fff;font-weight:700;font-size:1rem;min-width:3rem;text-align:right}.tuner__string--active .tuner__string-note{color:#ffdd01}.tuner__string-freq{color:#666;font-size:.75rem;min-width:4rem;text-align:right;margin-left:.5rem}.tuner__mic-prompt{text-align:center;padding:2rem;color:#6b6b6b}.tuner__mic-prompt p{margin:.5rem 0}.tuner__mic-btn{background:#ffdd01;color:#1a1a1a;border:2px solid #000;box-shadow:6px 6px 0 #000;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;cursor:pointer;margin-top:.5rem;transition:box-shadow .15s,transform .15s}.tuner__mic-btn:hover{box-shadow:8px 8px 0 #000;transform:translate(-1px,-1px)}.tuner__mic-btn:active{box-shadow:3px 3px 0 #000;transform:translate(1px,1px)}@media(max-width:480px){.tuner__controls{flex-direction:column;align-items:stretch}.tuner__select{min-width:auto;width:100%}.tuner__mode-toggle{align-self:stretch}.tuner__mode-btn{flex:1 1}.tuner__note-name{font-size:2.5rem}}