.tuner-gauge{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.gauge-display{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.gauge-svg{width:100%;height:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.gauge-svg g{transition:transform .15s ease-out}.gauge-info{margin-top:2rem;text-align:center;width:100%}.string-name{font-size:1.5rem;color:#fffc;margin-bottom:1rem}.tuning-status{font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.string-selector{padding:0;background:#2a2a2a;height:calc(100vh - 200px);display:flex;align-items:flex-end}.headstock-layout{position:relative;display:flex;justify-content:center;align-items:flex-end;width:100%;height:100%;max-width:1400px;margin:0 auto}.strings-column{position:relative;display:flex;flex-direction:column;gap:1rem;z-index:1}.left-strings{align-items:flex-end;margin-right:500px;margin-bottom:16.7rem}.right-strings{align-items:flex-start;margin-left:500px;margin-bottom:16.7rem}@media (min-width: 769px){.left-strings{margin-right:200px}.right-strings{margin-left:200px}}.headstock-image-container{position:absolute;width:1000px;height:100%;display:flex;align-items:flex-end;justify-content:center;z-index:0;bottom:0}.headstock-image{width:100%;height:100%;object-fit:contain;object-position:bottom}.string-button{background:#fff;border:3px solid white;border-radius:50%;width:60px;height:60px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#333;outline:none;-webkit-tap-highlight-color:transparent}.string-button:focus{outline:none}.string-button:hover{background:#ffffff26}.string-button.selected{border-color:#16a34a;background:#fff;box-shadow:0 0 20px #4ade8099;color:#333;animation:pulse-border 1.5s ease-in-out infinite}.string-button.tuned{border-color:#16a34a;background:#16a34a;color:#fff}.string-button.selected.tuned{border-color:#fff;background:#16a34a;box-shadow:0 0 20px #4ade8099;color:#fff}.string-button.pulsing{animation:pulse-green 1.5s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 20px #4ade8066;border-color:#4ade80}50%{box-shadow:0 0 40px #4ade80cc;border-color:#6ee7b7}}@keyframes pulse-border{0%,to{box-shadow:0 0 20px #4ade8099;border-color:#16a34a}50%{box-shadow:0 0 30px #4ade80e6;border-color:#22c55e}}.string-note{font-size:1.5rem;font-weight:700;letter-spacing:.05em}@media (max-width: 600px){.headstock-layout{min-height:350px}.headstock-image-container{width:100vw;height:100%}.strings-column{gap:2.5rem}.left-strings{margin-right:calc(50vw - 60px);margin-bottom:16.7rem}.right-strings{margin-left:calc(50vw - 60px);margin-bottom:16.7rem}.string-button{width:45px;height:45px}.string-note{font-size:1.1rem}}.app{width:100%;height:100vh;display:flex;flex-direction:column;color:#fff;background:#2a2a2a}.header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#2a2a2a;gap:1rem;flex-wrap:wrap}.header-content{display:flex;align-items:center;gap:2rem}.header h1{font-size:2rem;font-weight:700;margin:0}.mobile-toggle{display:none}.controls-center{display:flex;flex-direction:column;gap:.5rem;align-items:center}.mic-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffe6}.mic-level-bar{width:150px;height:20px;background:#fff3;border-radius:10px;overflow:hidden}.mic-level-fill{height:100%;background:linear-gradient(90deg,#4ade80,#fbbf24,#f87171);transition:width .1s ease}.mic-level-value{min-width:50px;font-weight:600}.sensitivity-control{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffe6}.sensitivity-control input[type=range]{width:150px;height:6px;background:#fff3;border-radius:3px;outline:none;-webkit-appearance:none}.sensitivity-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#4ade80;border-radius:50%;cursor:pointer}.sensitivity-control input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#4ade80;border-radius:50%;cursor:pointer;border:none}.controls{display:flex;gap:1rem;align-items:center}.auto-detect-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;background:transparent;border-radius:8px;transition:background .3s ease}.auto-detect-toggle:hover{background:transparent}.auto-detect-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4ade80}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff4d;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;transform:translate(26px)}.toggle-switch input:checked+.toggle-slider{background-color:#4ade80}.toggle-switch input:checked+.toggle-slider:before{transform:translate(0)}.toggle-button,.listen-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#fff}.toggle-button{background:#fff3}.toggle-button:hover{background:#ffffff4d;transform:translateY(-2px)}.toggle-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.listen-button{background:linear-gradient(135deg,#f093fb,#f5576c)}.listen-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f5576c66}.listen-button.listening{background:linear-gradient(135deg,#4ade80,#16a34a);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #4ade8066}50%{box-shadow:0 4px 25px #4ade80cc}}.content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}@media (min-width: 769px){.content{flex-direction:row;gap:2rem;padding:2rem}.tuner-section,.guitar-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.tuning-controls{position:static;transform:none;margin-top:2rem}}.tuning-controls{position:absolute;bottom:12rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10}.reset-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#fff;color:#333;transition:all .3s ease;min-width:120px}.reset-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tuning-dropdown{padding:.75rem 1rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#fff;color:#333;transition:all .3s ease;min-width:120px}.tuning-dropdown:hover{background:#fff;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.header{flex-direction:column;gap:1rem}.header-content{width:100%;justify-content:space-between}.mobile-toggle{display:flex}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}#root{width:100vw;height:100vh}