:root{--md-primary:#0f766e;--md-on-primary:#ecfdf5;--md-primary-container:#ccfbf1;--md-on-primary-container:#115e59;--md-secondary:#db2777;--md-on-secondary:#fff1f2;--md-secondary-container:#fce7f3;--md-on-secondary-container:#831843;--md-tertiary:#7c3aed;--md-on-tertiary:#faf5ff;--md-tertiary-container:#ede9fe;--md-on-tertiary-container:#4c1d95;--md-surface:#fff;--md-surface-container:#ffe4e6;--md-surface-container-high:#fecdd3;--md-surface-container-highest:#fda4af;--md-outline:#f472b6;--md-outline-variant:#fecdd3;--md-on-surface:#1e1033;--md-on-surface-variant:#5b21b6;--md-elev-1:4px 6px 0 #0f766e38;--md-elev-2:8px 12px 0 #db277729;--md-elev-3:12px 18px 0 #5b21b61f;--md-focus:0 0 0 3px #db277759;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--content-gutter:clamp(16px, 3.5vw, 48px);--card-pad:1.5rem;--pitch-card-radius:4px;--pitch-history-radius:3px;--pitch-control-radius:6px;--pitch-font-body:system-ui, sans-serif;--pitch-font-display:system-ui, sans-serif;--pitch-h1-letter-spacing:-.03em;--pitch-h1-text-shadow:0 0 1px #fffffff2, 0 1px 0 #ffffffbf, 2px 2px 0 #fb71858c, 3px 3px 0 #db277738;--pitch-h1-color:#0f766e;--pitch-card-border-mix-color:#db2777;--pitch-listen-hover-shadow-a:#0f766e47;--pitch-listen-hover-shadow-b:#db277738;--pitch-meter-height:22px}html,body,#root{width:100%;min-height:100%}body{margin:0;display:block;background:#fce7f3!important}.pitch-app{min-height:100vh;width:100%;min-height:100dvh;color:var(--md-on-surface);font-family:var(--pitch-font-body);background:radial-gradient(circle at 1px 1px,#db277729 1px,#0000 1px) 0 0/8px 8px,radial-gradient(circle at 1px 1px,#0f766e21 1px,#0000 1px) 4px 4px/8px 8px,radial-gradient(circle at 1px 1px,#7c3aed1a 1px,#0000 1px) 2px 5px/10px 10px,linear-gradient(145deg,#fff5f7 0%,#fdf4ff 32%,#ecfeff 62%,#ffe4e6 100%);padding:0}@media (prefers-reduced-motion:reduce){.pitch-app{background:linear-gradient(145deg,#fff5f7 0%,#fdf4ff 32%,#ecfeff 62%,#ffe4e6 100%)}}.pitch-shell{width:min(1120px,100%);max-width:1120px;box-shadow:none;padding:var(--space-4) var(--content-gutter) calc(var(--space-6) + env(safe-area-inset-bottom,0px));background:0 0;border:0;border-radius:0;margin:0 auto}.pitch-header{align-items:start;gap:var(--space-4);padding:var(--space-2) 0;margin-bottom:var(--space-6);grid-template-columns:1fr auto;display:grid}.pitch-header-main{min-width:0}.pitch-header-input{gap:var(--space-2);grid-template-columns:minmax(280px,1fr) auto;align-items:end;min-width:min(48vw,560px);display:grid}.pitch-header h1{letter-spacing:var(--pitch-h1-letter-spacing);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.14;font-family:var(--pitch-font-display);color:var(--pitch-h1-color,var(--md-primary));-webkit-text-fill-color:currentColor;text-shadow:var(--pitch-h1-text-shadow);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin:0;font-weight:700}.pitch-header p{margin:var(--space-2) 0 0;color:#553c8c;text-shadow:0 1px #ffffffd9;font-size:.95rem;font-weight:500}.pitch-card{border-radius:var(--pitch-card-radius);background:#fff;border:2px solid #0f766e;box-shadow:6px 8px #db2777}.pitch-main-card,.pitch-reference-card{position:relative}.pitch-controls{display:none}.pitch-device{gap:6px;display:grid}.pitch-device span{text-transform:uppercase;letter-spacing:.08em;color:#5b21b6;text-shadow:0 1px #ffffffd1;font-size:.75rem;font-weight:700}.pitch-device select,.pitch-listen-btn,.pitch-reference-toggle{border-radius:var(--pitch-control-radius);height:44px;font:inherit}.pitch-device select{border:1px solid color-mix(in srgb, var(--md-outline) 72%, #e8dde3);background:var(--md-surface);min-width:0;color:var(--md-on-surface);padding:0 12px;box-shadow:inset 0 1px #fffc}.pitch-device select:hover{border-color:color-mix(in srgb, var(--md-secondary) 24%, var(--md-primary))}.pitch-listen-btn{cursor:pointer;border:1px solid color-mix(in srgb, var(--md-primary) 56%, var(--md-secondary));background:linear-gradient(135deg, color-mix(in srgb, var(--md-primary) 90%, #0b4f5c) 0%, color-mix(in srgb, var(--md-primary) 72%, var(--md-secondary) 28%) 100%);color:var(--md-on-primary);letter-spacing:.01em;box-shadow:var(--md-elev-1);padding:0 18px;font-weight:700;transition:transform .14s,box-shadow .14s,filter .14s}.pitch-listen-btn:hover{filter:brightness(1.02);box-shadow:0 10px 20px var(--pitch-listen-hover-shadow-a), 0 4px 10px var(--pitch-listen-hover-shadow-b);transform:translateY(-1px)}.pitch-listen-btn:active{transform:translateY(0)}.pitch-listen-btn.active{background:color-mix(in srgb, var(--md-secondary) 68%, var(--md-primary) 32%)}.pitch-device select:focus-visible{box-shadow:var(--md-focus);outline:none}.pitch-listen-btn:focus-visible{box-shadow:var(--md-focus);outline:none}.pitch-mic-status{color:#553c8c;letter-spacing:.01em;text-shadow:0 1px #ffffffd1;grid-column:1/-1;margin-left:2px;font-size:.78rem;font-weight:500}.pitch-main-card,.pitch-reference-card{margin-top:var(--space-3);padding:var(--card-pad);background:var(--md-surface)}.pitch-reference-card.pitch-card{margin-top:2rem}.pitch-note-display{align-items:end;gap:var(--space-3);grid-template-columns:auto 1fr;min-height:104px;display:grid}.pitch-note{letter-spacing:-.015em;width:4.1ch;color:color-mix(in srgb, var(--md-primary) 84%, #015965);font-variant-numeric:tabular-nums;font-size:clamp(3.1rem,9vw,4.7rem);font-weight:700;line-height:.88}.pitch-frequency{min-height:1.45em;color:var(--md-on-surface-variant);align-items:center;font-size:1rem;font-weight:500;display:inline-flex}.pitch-meter-wrap{margin-top:var(--space-3)}.pitch-meter-labels{margin-bottom:var(--space-2);color:#5b21b6;justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.pitch-meter{height:var(--pitch-meter-height);border-radius:var(--pitch-card-radius);background:linear-gradient(90deg, color-mix(in srgb, var(--md-secondary-container) 38%, transparent), color-mix(in srgb, var(--md-primary-container) 84%, #fff) 50%, color-mix(in srgb, var(--md-secondary-container) 38%, transparent));border:2px solid #0f766e;position:relative;overflow:hidden}.pitch-meter-center{background:var(--md-primary);border-radius:1px;width:2px;position:absolute;top:3px;bottom:3px;left:50%;transform:translate(-50%)}.pitch-meter-pointer{background:linear-gradient(180deg, color-mix(in srgb, var(--md-primary) 88%, #0c4f5a), color-mix(in srgb, var(--md-primary) 72%, var(--md-secondary) 28%));border-radius:3px;width:10px;transition:left .18s ease-out;position:absolute;top:3px;bottom:3px;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff85,0 0 10px #0c4f5a2e}.pitch-meter-readout{min-height:1.45em;margin-top:var(--space-2);color:var(--md-primary);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:600}.pitch-section-title{margin:var(--space-4) 0 0;letter-spacing:.01em;color:var(--md-on-surface);font-size:1rem;font-weight:700}.pitch-history-graph{margin-top:var(--space-2);border-radius:var(--pitch-history-radius);background:#fff;border:2px solid #0f766e;height:130px;overflow:hidden}.pitch-history-svg{width:100%;height:100%;display:block}.pitch-history-guide{stroke:color-mix(in srgb, var(--md-on-surface-variant) 30%, transparent);stroke-width:.7px}.pitch-history-line{fill:none;stroke:color-mix(in srgb, var(--md-primary) 74%, var(--md-secondary) 26%);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.pitch-history-point{fill:var(--md-primary)}.pitch-reference-card .shared-pk-container{margin-top:var(--space-3)}.pitch-reference-card .shared-pk-white{background:var(--md-surface);border:2px solid #0f766e}.pitch-reference-card .shared-pk-white:hover{background:var(--md-surface-container-high)}.pitch-reference-card .shared-pk-white.active,.pitch-reference-card .shared-pk-black.active{background:var(--md-primary)}.pitch-reference-card .shared-pk-white-label{color:var(--md-on-surface-variant)}.pitch-reference-card .shared-pk-black{background:color-mix(in srgb, var(--md-on-primary-container) 88%, #13161a);border:2px solid #1e1033}@media (max-width:680px){.pitch-app{padding:0}.pitch-shell{width:100%;max-width:none;padding:var(--space-3) 10px calc(var(--space-6) + env(safe-area-inset-bottom,0px));border-radius:0}.pitch-header{gap:var(--space-3);grid-template-columns:1fr}.pitch-header-input{gap:var(--space-2);grid-template-columns:1fr;min-width:0}.pitch-listen-btn{width:100%}.pitch-note-display{grid-template-columns:1fr;gap:6px;min-height:114px}.pitch-note{width:auto}.pitch-history-graph{height:114px}}