:root{--bg: #111118;--surface: #1a1a24;--text: #e8e8f0;--muted: #6b6b80;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--accent: #6366f1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;display:grid;place-items:center;user-select:none;-webkit-user-select:none;overflow-x:hidden}.container.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:2rem;width:min(100vw,420px);overflow:hidden}h1.svelte-1n46o8q{font-size:1.1rem;font-weight:500;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.note-display.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:7rem;width:100%}.note-name.svelte-1n46o8q{font-size:5rem;font-weight:700;line-height:1;height:1.15em;width:100%;text-align:center;transition:color .2s}.note-name.svelte-1n46o8q .octave:where(.svelte-1n46o8q){font-size:2.5rem;font-weight:400;vertical-align:sub;color:var(--muted)}.frequency.svelte-1n46o8q{font-size:.95rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:10ch;height:1.3em}.gauge-wrapper.svelte-1n46o8q{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.gauge.svelte-1n46o8q{position:relative;width:100%;height:48px;background:var(--surface);border-radius:12px;overflow:hidden}.gauge-zones.svelte-1n46o8q{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.gauge-zone.svelte-1n46o8q{height:100%;opacity:.12}.gauge-zone.red-left.svelte-1n46o8q{flex:35;background:var(--red)}.gauge-zone.yellow-left.svelte-1n46o8q{flex:10;background:var(--yellow)}.gauge-zone.green.svelte-1n46o8q{flex:10;background:var(--green)}.gauge-zone.yellow-right.svelte-1n46o8q{flex:10;background:var(--yellow)}.gauge-zone.red-right.svelte-1n46o8q{flex:35;background:var(--red)}.gauge-center.svelte-1n46o8q{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--muted);opacity:.5}.gauge-needle.svelte-1n46o8q{position:absolute;top:4px;bottom:4px;width:4px;border-radius:2px;left:50%;transform:translate(-50%);background:var(--text);transition:left .12s ease-out,background .2s;z-index:2}.gauge-labels.svelte-1n46o8q{display:flex;justify-content:space-between;width:100%;font-size:.75rem;color:var(--muted);padding:0 .25rem}.cents-display.svelte-1n46o8q{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;min-width:6ch;height:1.3em;transition:color .2s}.mic-btn.svelte-1n46o8q{width:72px;height:72px;border-radius:50%;border:2px solid var(--muted);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,transform .1s;color:var(--muted)}.mic-btn.svelte-1n46o8q:hover{border-color:var(--text);color:var(--text)}.mic-btn.svelte-1n46o8q:active{transform:scale(.95)}.mic-btn.active.svelte-1n46o8q{border-color:var(--accent);background:var(--accent);color:#fff;animation:svelte-1n46o8q-pulse 2s infinite}@keyframes svelte-1n46o8q-pulse{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 12px #6366f100}}.mic-btn.svelte-1n46o8q svg{width:28px;height:28px}.idle.svelte-1n46o8q .note-name:where(.svelte-1n46o8q),.idle.svelte-1n46o8q .frequency:where(.svelte-1n46o8q),.idle.svelte-1n46o8q .cents-display:where(.svelte-1n46o8q){color:var(--muted)}.idle.svelte-1n46o8q .gauge-needle:where(.svelte-1n46o8q){opacity:.3}.no-signal.svelte-1n46o8q .note-name:where(.svelte-1n46o8q){color:var(--muted)}