:root{--color-bg:#fff;--color-surface:#f5f5f5;--color-accent:#2563eb;--color-text:#111;--color-text-secondary:#555;--color-border:#ccc;--color-hover:#e5e5e5;--color-active:#dbeafe;--color-muted:#dc2626;--color-f1:#ea580c;--color-f2:#16a34a;--color-f3:#2563eb;--color-f4:#9333ea;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-pill:16px;color:var(--color-text);background-color:var(--color-bg);font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{touch-action:manipulation;overscroll-behavior:none;height:100vh;margin:0;padding:0;overflow:hidden}.app-grid{grid-template:"header header""panels right"1fr"piano right"30vh/1fr 8cm;gap:0;display:grid;position:fixed;inset:0;overflow:hidden}.app-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-area:header;min-height:40px;display:flex}.app-piano{border-top:1px solid var(--color-border);grid-area:piano;overflow:hidden}.header-spacer{flex:1}.section-heading{color:var(--color-text);margin:0;font-size:14px;font-weight:600;line-height:1.2}button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:6px 12px;font-size:13px}button:hover{background:var(--color-hover)}.readout{color:var(--color-text-secondary);font-family:monospace;font-size:13px;line-height:1}.transport-bar.svelte-ie0wia{align-items:center;gap:var(--spacing-sm,8px);display:flex}.transport-btn.svelte-ie0wia{border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);background:var(--color-surface);width:36px;min-width:36px;height:36px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-size:16px;display:flex}.transport-btn.svelte-ie0wia:hover{background:var(--color-hover)}.play-btn.svelte-ie0wia{white-space:nowrap;font-size:13px}.play-btn.playing.svelte-ie0wia{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.play-btn.svelte-ie0wia:not(.playing){width:auto;padding:0 10px}.mute-btn.muted.svelte-ie0wia{color:var(--color-muted)}.volume-control.svelte-ie0wia{flex-direction:column;flex:1;gap:2px;min-width:80px;max-width:140px;display:flex}.volume-header.svelte-ie0wia{justify-content:space-between;align-items:baseline;display:flex}.label.svelte-ie0wia{color:var(--color-text);font-size:11px;font-weight:600;line-height:1.3}.readout.svelte-ie0wia{color:var(--color-text-secondary);font-family:monospace;font-size:12px}input[type=range].svelte-ie0wia{cursor:pointer;width:100%}input[type=range].muted.svelte-ie0wia{opacity:.5}.piano-harmonics-wrapper.svelte-3fy2gx{width:100%;height:100%;overflow:hidden}.piano-harmonics.svelte-3fy2gx{width:100%;height:100%;display:block}.vowel-chart-section.svelte-5n82i9{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.vowel-chart.svelte-5n82i9{flex:1;width:100%;height:100%;min-height:0;display:block}.pitch-section.svelte-1owahgz{gap:var(--spacing-xs,4px);flex-direction:column;display:flex}.section-heading.svelte-1owahgz{color:var(--color-text);margin:0;font-size:13px;font-weight:600;line-height:1.2}.pitch-readout.svelte-1owahgz{color:var(--color-text);text-align:center;font-family:monospace;font-size:13px;font-weight:400;line-height:1}.separator.svelte-1owahgz{color:var(--color-text-secondary)}.note-name.svelte-1owahgz{color:var(--color-accent);font-weight:600}.chip-group.svelte-xbrq1d{gap:var(--spacing-sm,8px);flex-wrap:wrap;display:flex}.chip.svelte-xbrq1d{background:var(--color-surface);border:1px solid var(--color-border);min-height:32px;color:var(--color-text);cursor:pointer;border-radius:16px;padding:4px 10px;font-size:13px;font-weight:400;transition:background .1s,border-color .1s,color .1s}.chip.svelte-xbrq1d:hover{background:var(--color-hover,#3a3a5a)}.chip.selected.svelte-xbrq1d{background:var(--color-active);border:2px solid var(--color-accent);color:var(--color-accent);padding:3px 9px}.voice-chips.svelte-1lhpxxq{align-items:center;gap:var(--spacing-sm,8px);display:flex}.labeled-slider.svelte-1cdu4ca{gap:var(--spacing-sm,8px);flex-direction:column;display:flex}.header.svelte-1cdu4ca{justify-content:space-between;align-items:baseline;display:flex}.label.svelte-1cdu4ca{color:var(--color-text,#e0e0e0);font-size:12px;font-weight:600;line-height:1.3}.readout.svelte-1cdu4ca{color:var(--color-text-secondary,#8a8aaa);font-family:monospace;font-size:14px;font-weight:400;line-height:1}input[type=range].svelte-1cdu4ca{cursor:pointer;width:100%}.pulse-container.svelte-uqc9l2{width:100%;min-height:60px;overflow:hidden}.phonation-section.svelte-s02h7x{gap:var(--spacing-md,16px);flex-direction:column;display:flex}.section-heading.svelte-s02h7x{color:var(--color-text);margin:0;font-size:13px;font-weight:600;line-height:1.2}.expert-params.svelte-s02h7x{gap:var(--spacing-sm,8px);flex-direction:column;display:flex}.expression-controls.svelte-iojzmo,.sliders.svelte-iojzmo{gap:var(--spacing-md,16px);flex-direction:column;display:flex}.strategy-section.svelte-1hm8jt9{gap:var(--spacing-xs,4px);flex-direction:column;display:flex}.section-heading.svelte-1hm8jt9{color:var(--color-text);margin:0;font-size:13px;font-weight:600;line-height:1.2}.group-heading.svelte-1hm8jt9{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0;font-size:11px;font-weight:600}.option-list.svelte-1hm8jt9{flex-direction:column;gap:2px;display:flex}.option.svelte-1hm8jt9{border-radius:var(--radius-sm,6px);width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;padding:4px 8px;font-size:12px;font-weight:600;transition:background .1s;display:block}.option.svelte-1hm8jt9:hover{background:var(--color-hover)}.option.active.svelte-1hm8jt9{background:var(--color-accent);color:#fff}.clear-btn.svelte-1hm8jt9{color:var(--color-text-secondary);font-size:11px;font-weight:400}.chart-container.svelte-utfjap,.chart-container.svelte-1m2v7nm{width:100%;height:100%;overflow:hidden}.vibrato-visual.svelte-1ra17tl{display:block}.vibrato-label.svelte-1ra17tl{fill:var(--color-text-secondary,#8a8aaa);font-family:system-ui,-apple-system,sans-serif;font-size:10px}.region-help.svelte-1ei7o0h{top:var(--spacing-xs,4px);right:var(--spacing-xs,4px);z-index:10;position:absolute}.help-trigger.svelte-1ei7o0h{background:var(--color-surface,#f5f5f5);border:1px solid var(--color-border,#ccc);width:22px;height:22px;color:var(--color-text-secondary,#555);cursor:pointer;opacity:.6;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;transition:opacity .15s;display:inline-flex}.help-trigger.svelte-1ei7o0h:hover{opacity:1;background:var(--color-hover,#e5e5e5);color:var(--color-text,#111)}.backdrop.svelte-1ei7o0h{z-index:1000;padding:var(--spacing-lg);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog.svelte-1ei7o0h{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-lg) var(--spacing-xl);max-width:640px;max-height:80vh;line-height:1.5;position:relative;overflow-y:auto}.close-btn.svelte-1ei7o0h{top:var(--spacing-sm);right:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex;position:absolute}.close-btn.svelte-1ei7o0h:hover{background:var(--color-hover);color:var(--color-text)}h1.svelte-1ei7o0h{margin:0 0 var(--spacing-sm);font-size:20px}.dialog.svelte-1ei7o0h h2{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:15px}.dialog.svelte-1ei7o0h p{margin:var(--spacing-xs) 0;color:var(--color-text);font-size:14px}.dialog.svelte-1ei7o0h ul{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg);font-size:14px}.dialog.svelte-1ei7o0h li{margin-bottom:var(--spacing-xs)}.dialog.svelte-1ei7o0h a{color:var(--color-accent);text-decoration:none}.dialog.svelte-1ei7o0h a:hover{text-decoration:underline}.dialog.svelte-1ei7o0h code{background:var(--color-surface,#f5f5f5);border-radius:3px;padding:1px 4px;font-family:monospace;font-size:13px}.backdrop.svelte-16ie8u9{z-index:1000;padding:var(--spacing-lg);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog.svelte-16ie8u9{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-lg) var(--spacing-xl);max-width:640px;max-height:80vh;line-height:1.5;position:relative;overflow-y:auto}.close-btn.svelte-16ie8u9{top:var(--spacing-sm);right:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex;position:absolute}.close-btn.svelte-16ie8u9:hover{background:var(--color-hover);color:var(--color-text)}h1.svelte-16ie8u9{margin:0 0 var(--spacing-sm);font-size:20px}h2.svelte-16ie8u9{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:15px}p.svelte-16ie8u9{margin:var(--spacing-xs) 0;color:var(--color-text);font-size:14px}ul.svelte-16ie8u9{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg);font-size:14px}li.svelte-16ie8u9{margin-bottom:var(--spacing-xs)}.references.svelte-16ie8u9 li:where(.svelte-16ie8u9){color:var(--color-text-secondary);font-size:13px}a.svelte-16ie8u9{color:var(--color-accent);text-decoration:none}a.svelte-16ie8u9:hover{text-decoration:underline}.source-link.svelte-16ie8u9{margin-top:var(--spacing-md);font-size:13px}.expert-toggle.svelte-1n46o8q{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.expert-label.svelte-1n46o8q{color:var(--color-text);font-size:13px;font-weight:600}.expert-toggle.svelte-1n46o8q input[type=checkbox]:where(.svelte-1n46o8q){display:none}.toggle-track.svelte-1n46o8q{background:var(--color-border);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.expert-toggle.svelte-1n46o8q input:where(.svelte-1n46o8q):checked+.toggle-track:where(.svelte-1n46o8q){background:var(--color-accent)}.toggle-thumb.svelte-1n46o8q{border:1px solid var(--color-border);background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.expert-toggle.svelte-1n46o8q input:where(.svelte-1n46o8q):checked+.toggle-track:where(.svelte-1n46o8q) .toggle-thumb:where(.svelte-1n46o8q){border-color:var(--color-accent);transform:translate(16px)}.fullscreen-btn.svelte-1n46o8q{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:32px;min-width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex}.fullscreen-btn.svelte-1n46o8q:hover,.about-btn.svelte-1n46o8q:hover{background:var(--color-hover);color:var(--color-text)}.about-btn.svelte-1n46o8q{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:32px;min-width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;display:flex}.panels.svelte-1n46o8q{background:var(--color-border);grid-area:panels;gap:1px;display:flex;position:relative;overflow:hidden auto}.panel-col.svelte-1n46o8q{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow-y:auto}.app-right.svelte-1n46o8q{border-left:1px solid var(--color-border);grid-area:right;grid-template-rows:2.3fr 2.3fr 2.6fr;grid-template-areas:"vowels""r2resonance""r1resonance";display:grid;position:relative;overflow:hidden}.right-vowel.svelte-1n46o8q{grid-area:vowels;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.right-chart.svelte-1n46o8q{border-top:1px solid var(--color-border);justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.right-r2.svelte-1n46o8q{grid-area:r2resonance}.right-r1.svelte-1n46o8q{grid-area:r1resonance}.expert-formant-bw.svelte-1n46o8q{gap:var(--spacing-xs);flex-direction:column;display:flex;position:relative}.formant-readouts.svelte-1n46o8q{gap:var(--spacing-sm);display:flex}.toggle-row.svelte-1n46o8q{align-items:center;gap:var(--spacing-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;display:flex}.toggle-row.svelte-1n46o8q .toggle-label:where(.svelte-1n46o8q){font-weight:400}.formant-readouts.svelte-1n46o8q .readout:where(.svelte-1n46o8q){color:var(--color-text-secondary);font-family:monospace;font-size:12px}