.pitch-meter{display:flex;flex-direction:column;align-items:center;padding:20px 0 4px}.pitch-meter__svg{width:100%;max-width:340px;height:auto}.pitch-meter__needle{transition:x2 .12s ease-out,y2 .12s ease-out,stroke .15s ease}.pitch-meter__readout{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:-8px}.pitch-meter__note{font-family:var(--font-display);font-size:32px;font-weight:500;color:var(--paper-100)}.pitch-meter__cents{font-family:var(--font-mono);font-size:13px;color:var(--paper-300)}.pitch-timeline{margin-top:24px}.pitch-timeline__svg{width:100%;height:auto;background:var(--ink-800);border:1px solid var(--ink-700);border-radius:4px}.pitch-timeline__axis-label{font-family:var(--font-mono);font-size:9px;fill:var(--paper-300)}.pitch-timeline__point{cursor:pointer;transition:r .1s ease}.pitch-timeline__point:hover{r:5}.pitch-timeline__controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}.pitch-timeline__legend{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--paper-300)}.pitch-timeline__dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px}.pitch-timeline__dot[data-tone=off]{background:var(--flat-500)}.pitch-timeline__dot[data-tone=ok]{background:var(--intune-500);margin-left:10px}.pitch-timeline__hint{margin-left:10px;opacity:.8}:root{--ink-950: #0b1615;--ink-900: #12201f;--ink-800: #1b2d2b;--ink-700: #274240;--brass-500: #c79a56;--brass-300: #e3c089;--paper-100: #efe9dc;--paper-300: #b7af9c;--flat-500: #d9695c;--intune-500: #6fbf9a;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink-950);color:var(--paper-100);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font-family:inherit}:focus-visible{outline:2px solid var(--brass-300);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page{max-width:960px;margin:0 auto;padding:64px 24px calc(96px + env(safe-area-inset-bottom,0px))}@media (max-width: 640px){.page{padding:32px 16px calc(48px + env(safe-area-inset-bottom,0px))}}.brand{display:flex;align-items:baseline;gap:10px;margin-bottom:56px}.brand__mark{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--brass-300);letter-spacing:.01em}.brand__tagline{font-family:var(--font-mono);font-size:12px;color:var(--paper-300);text-transform:lowercase}.hero{margin-bottom:72px}@media (max-width: 640px){.hero{margin-bottom:40px}}.hero__title{font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.01em;margin:0 0 20px;max-width:14ch}.hero__title em{font-style:italic;color:var(--brass-300)}.hero__subtitle{font-size:17px;line-height:1.6;color:var(--paper-300);max-width:46ch;margin:0 0 40px}.modules{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:56px}@media (max-width: 640px){.modules{grid-template-columns:1fr}}.module-card{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:4px;padding:24px;cursor:pointer;text-align:left;color:inherit;transition:border-color .15s ease,transform .15s ease}.module-card:hover{border-color:var(--brass-500)}.module-card[data-active=true]{border-color:var(--brass-500);background:var(--ink-800)}.module-card__eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--brass-300);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.module-card__title{font-family:var(--font-display);font-size:22px;font-weight:500;margin:0 0 8px}.module-card__desc{font-size:14px;line-height:1.5;color:var(--paper-300);margin:0}.panel{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:4px;padding:32px}@media (max-width: 640px){.panel{padding:20px 16px}}.panel__section-title{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--paper-300);margin:0 0 20px}.controls-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}.btn{font-family:var(--font-body);font-weight:600;font-size:14px;padding:12px 22px;min-height:48px;border-radius:999px;border:1px solid var(--brass-500);background:transparent;color:var(--paper-100);cursor:pointer;transition:background .15s ease,color .15s ease;touch-action:manipulation}.btn:hover:not(:disabled){background:var(--brass-500);color:var(--ink-950)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--brass-500);color:var(--ink-950)}.btn--primary:hover:not(:disabled){background:var(--brass-300)}.btn--recording{border-color:var(--flat-500);color:var(--flat-500)}.status-text{font-family:var(--font-mono);font-size:13px;color:var(--paper-300)}.status-text[data-tone=error]{color:var(--flat-500)}.select-row{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;color:var(--paper-300)}.select-row select,.select-row input[type=range]{font-family:var(--font-mono);font-size:13px;background:var(--ink-800);color:var(--paper-100);border:1px solid var(--ink-700);border-radius:4px;padding:6px 10px}.metric-row{display:flex;gap:32px;margin-top:24px;flex-wrap:wrap}.metric{display:flex;flex-direction:column;gap:4px}.metric__label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--paper-300)}.metric__value{font-family:var(--font-mono);font-size:20px;color:var(--paper-100)}.output-audio{margin-top:24px;width:100%}.footer-note{margin-top:40px;font-size:13px;color:var(--paper-300);line-height:1.6}