:root{--bg: #0f1419;--fg: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--success: #3fb950;--warning: #d29922;--error: #f85149;--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;gap:1rem;padding:1rem 1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.nav a{color:var(--accent);text-decoration:none}.nav a:hover{text-decoration:underline}main{flex:1;padding:1.5rem;max-width:640px;margin:0 auto;width:100%}.page h1{margin-top:0;font-size:1.5rem}.page h2{font-size:1.1rem;margin-top:1.5rem}.error,.mic-error{color:var(--error)}.error-detail{color:var(--muted);font-size:.9rem}.tuner-display{text-align:center;padding:2rem;background:#ffffff08;border-radius:var(--radius);margin:1rem 0}.tuner-note{font-size:3rem;font-weight:700;letter-spacing:.05em}.tuner-frequency{font-size:1.25rem;color:var(--muted);margin-top:.5rem}.tuner-target{margin-top:1rem;color:var(--muted)}.tuner-indicator{margin-top:1rem;font-size:1.25rem}.tuner-indicator--sharp{color:var(--warning)}.tuner-indicator--flat{color:var(--accent)}.tuner-indicator--in-tune{color:var(--success)}.tuner-cents{margin-top:.5rem;font-size:1rem;color:var(--muted)}.string-selector{margin-top:1.5rem}.string-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.string-btn{padding:.5rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:var(--fg);cursor:pointer}.string-btn:hover{background:#ffffff1f}.string-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.tuning-selector{margin:1rem 0}.tuning-selector label{display:block;margin-bottom:.25rem}.tuning-selector select{padding:.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:var(--fg);min-width:200px}.preset-list{list-style:none;padding:0;margin:1rem 0}.preset-list.empty{padding:2rem;text-align:center;color:var(--muted)}.preset-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:var(--radius);margin-bottom:.5rem}.preset-select{background:none;border:none;color:var(--fg);text-align:left;cursor:pointer;flex:1;padding:0}.preset-select strong{display:block}.preset-desc,.preset-strings{display:block;font-size:.9rem;color:var(--muted)}.preset-actions{display:flex;gap:.5rem}.preset-actions button{padding:.25rem .5rem;font-size:.85rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--fg);cursor:pointer}.preset-actions button:hover{background:#ffffff1f}.preset-form .form-actions,.calibration-form,.device-selector{margin-top:1rem}.preset-form label,.calibration-form label,.device-selector label{display:block;margin-top:.75rem;margin-bottom:.25rem}.preset-form input,.calibration-form input,.device-selector select,.settings-page input{display:block;width:100%;max-width:280px;padding:.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:var(--fg)}.form-error{display:block;color:var(--error);font-size:.85rem;margin-top:.25rem}.string-row{margin-top:.75rem;padding:.75rem;background:#ffffff05;border-radius:var(--radius)}.string-row label{margin-top:.25rem}.string-row input{margin-right:.5rem;display:inline-block;width:auto}.form-actions button,.presets-page>button{margin-right:.5rem;margin-top:1rem;padding:.5rem 1rem;background:var(--accent);border:none;border-radius:var(--radius);color:var(--bg);cursor:pointer}.form-actions button[type=button],.preset-actions button{background:#ffffff1a;color:var(--fg)}.success{color:var(--success)}.device-selector-error{color:var(--error)}.backup-page section{margin-bottom:2rem}.backup-page input[type=file]{margin-top:.5rem}