: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{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;place-items:center;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:grid;overflow-x:hidden}.container.svelte-1n46o8q{flex-direction:column;align-items:center;gap:2.5rem;width:min(100vw,420px);padding:2rem;display:flex;overflow:hidden}h1.svelte-1n46o8q{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:1.1rem;font-weight:500}.note-display.svelte-1n46o8q{flex-direction:column;align-items:center;gap:.25rem;width:100%;min-height:7rem;display:flex}.note-name.svelte-1n46o8q{text-align:center;width:100%;height:1.15em;font-size:5rem;font-weight:700;line-height:1;transition:color .2s}.note-name.svelte-1n46o8q .octave:where(.svelte-1n46o8q){vertical-align:sub;color:var(--muted);font-size:2.5rem;font-weight:400}.frequency.svelte-1n46o8q{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:10ch;height:1.3em;font-size:.95rem}.gauge-wrapper.svelte-1n46o8q{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.gauge.svelte-1n46o8q{background:var(--surface);border-radius:12px;width:100%;height:48px;position:relative;overflow:hidden}.gauge-zones.svelte-1n46o8q{display:flex;position:absolute;inset:0}.gauge-zone.svelte-1n46o8q{opacity:.12;height:100%}.gauge-zone.red-left.svelte-1n46o8q{background:var(--red);flex:35}.gauge-zone.yellow-left.svelte-1n46o8q{background:var(--yellow);flex:10}.gauge-zone.green.svelte-1n46o8q{background:var(--green);flex:10}.gauge-zone.yellow-right.svelte-1n46o8q{background:var(--yellow);flex:10}.gauge-zone.red-right.svelte-1n46o8q{background:var(--red);flex:35}.gauge-center.svelte-1n46o8q{background:var(--muted);opacity:.5;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gauge-needle.svelte-1n46o8q{background:var(--text);z-index:2;border-radius:2px;width:4px;transition:left .12s ease-out,background .2s;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.gauge-labels.svelte-1n46o8q{width:100%;color:var(--muted);justify-content:space-between;padding:0 .25rem;font-size:.75rem;display:flex}.cents-display.svelte-1n46o8q{font-variant-numeric:tabular-nums;text-align:center;min-width:6ch;height:1.3em;font-size:1.5rem;font-weight:600;transition:color .2s}.mic-btn.svelte-1n46o8q{border:2px solid var(--muted);cursor:pointer;width:72px;height:72px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,background .2s,transform .1s;display:flex}.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:2s infinite svelte-1n46o8q-pulse}@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)}