:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.tuner-app{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at 50% 30%,#111,#0a0a0a 70%)}.tuner-container{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.tuner-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:#f0f0f0}.start-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.start-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 24px #6366f159}.start-btn:hover{transform:scale(1.04);box-shadow:0 6px 32px #6366f180}.start-btn:active{transform:scale(.97)}.mic-icon{width:24px;height:24px}.hint{font-size:.82rem;color:#fff6}.error-msg{color:#f87171;font-size:.85rem;text-align:center}.tuner-display{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.gauge-container{width:100%;display:flex;justify-content:center}.gauge{position:relative;width:280px;height:148px;overflow:hidden}.gauge-bg{position:absolute;bottom:0;left:0;width:280px;height:140px;border-radius:140px 140px 0 0;overflow:hidden;background:#1a1a2e;border:2px solid rgba(255,255,255,.06);border-bottom:none}.gauge-zone{position:absolute;bottom:0;width:280px;height:140px;border-radius:140px 140px 0 0}.gauge-zone--flat{background:conic-gradient(from 180deg at 50% 100%,#ef4444 0deg,#ef4444 45deg,transparent 45deg);opacity:.3}.gauge-zone--ok{background:conic-gradient(from 180deg at 50% 100%,transparent 80deg,#22c55e 85deg,#22c55e 95deg,transparent 100deg);opacity:.5}.gauge-zone--sharp{background:conic-gradient(from 180deg at 50% 100%,transparent 135deg,#ef4444 135deg,#ef4444 180deg);opacity:.3}.gauge-markers{position:absolute;bottom:8px;left:0;width:280px;display:flex;justify-content:space-between;padding:0 28px;pointer-events:none}.gauge-label{font-size:1.2rem;font-weight:700;opacity:.35}.gauge-label--center{color:#22c55e;opacity:.5;font-size:1.4rem}.needle{position:absolute;bottom:0;left:50%;width:3px;height:120px;background:#e2e8f0;transform-origin:bottom center;border-radius:2px;transition:transform .1s ease-out;margin-left:-1.5px;box-shadow:0 0 8px #fff3}.needle--close{background:#facc15;box-shadow:0 0 12px #facc1566}.needle--tuned{background:#22c55e;box-shadow:0 0 16px #22c55e99}.needle-dot{position:absolute;bottom:-6px;left:50%;width:12px;height:12px;background:#334155;border:2px solid #64748b;border-radius:50%;transform:translate(-50%);z-index:2}.note-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:110px;justify-content:center}.note-display--tuned .note-name{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.5)}.note-name{font-size:3.5rem;font-weight:800;letter-spacing:-.04em;color:#f1f5f9;transition:color .2s}.note-octave{font-size:1.4rem;font-weight:500;vertical-align:super;opacity:.6;margin-left:2px}.note-freq{font-size:.9rem;color:#ffffff73;font-variant-numeric:tabular-nums}.cents-value{font-size:.95rem;font-weight:600;color:#94a3b8;font-variant-numeric:tabular-nums;transition:color .2s}.cents-value--tuned{color:#22c55e}.nearest-string{font-size:.82rem;color:#fff6}.nearest-string strong{color:#a78bfa}.note-placeholder{font-size:1.1rem;color:#ffffff4d;font-style:italic}.status{font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;padding:.4rem 1.2rem;border-radius:2rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:all .3s}.status--tuned{color:#22c55e;border-color:#22c55e4d;background:#22c55e14;box-shadow:0 0 16px #22c55e26}.strings-ref{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.string-chip{display:flex;flex-direction:column;align-items:center;padding:.35rem .6rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:all .2s;min-width:42px}.string-chip--active{border-color:#a78bfa80;background:#a78bfa1f;box-shadow:0 0 12px #a78bfa33}.string-note{font-size:.85rem;font-weight:700;color:#e2e8f0}.string-freq{font-size:.65rem;color:#ffffff59;font-variant-numeric:tabular-nums}.stop-btn{padding:.5rem 2rem;font-size:.85rem;font-weight:600;color:#fff9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;cursor:pointer;transition:all .15s}.stop-btn:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}