:root{--color-bg:#f5f1e8;--color-surface:#fffdf7;--color-surface-soft:#f4ede3;--color-control:#fffaf4;--color-border:#ddd5c6;--color-border-strong:#c8baa8;--color-text:#171512;--color-muted:#6c655c;--color-on-primary:#fffdf7;--color-primary:#8f482d;--color-primary-hover:#783a25;--color-primary-soft:#f5e5da;--color-primary-soft-hover:#edd6c7;--color-accent:#c96442;--color-danger:#923e2d;--color-danger-soft:#fae7df;--color-warning:#9a681f;--color-warning-soft:#f8ead0;--color-success:#52664f;--color-success-soft:#e8eee4;--color-neutral:#5d6255;--color-neutral-soft:#e8e9df;--bg:var(--color-bg);--surface:var(--color-surface);--surface-soft:var(--color-surface-soft);--line:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-accent);--ink:var(--color-text);--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--shadow:0 1px 2px #271f130a;--shadow-floating:0 12px 32px #271f1314;--shadow-hover:var(--shadow-floating);--radius-control:12px;--radius-card:16px;--radius-panel:18px;--radius-pill:999px;--text-display:clamp(2.5rem, 5vw, 4rem);--text-heading:clamp(1.5rem, 2.4vw, 2rem);--text-subheading:1.125rem;--text-body:1rem;--text-label:.875rem;--text-caption:.8125rem;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:inherit;font-size:var(--text-body);margin:0;line-height:1.6}button{font:inherit}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.showcase-input-fields{gap:var(--space-24);border:0;min-width:0;margin:0;padding:0;display:grid}.showcase-input-fields:disabled{opacity:.68}.showcase-section-divider{background:var(--color-border);height:1px}.showcase-action-area{gap:var(--space-12);margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--color-border);display:grid}.showcase-selected-file{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.showcase-selected-file strong{color:var(--color-text)}.showcase-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.showcase-field{gap:var(--space-8);min-width:0;display:grid}.showcase-field-label{color:var(--color-text);font-size:var(--text-label);font-weight:650}.showcase-control{width:100%;min-height:44px;padding:0 var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-control);font:inherit}.showcase-control:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.showcase-control:disabled{cursor:not-allowed;opacity:.62}.showcase-help{color:var(--color-muted);font-size:var(--text-label);margin:0;line-height:1.6}.showcase-sample-count,.showcase-input-message{color:var(--color-muted);font-size:var(--text-caption);margin:0;line-height:1.6}.showcase-input-message--error{color:var(--color-danger)}.showcase-sample-list{gap:var(--space-8);max-height:212px;padding:var(--space-4) var(--space-8) var(--space-4) 0;scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid;overflow-y:auto}.showcase-sample-list li{min-width:0}.showcase-sample-button{overflow-wrap:anywhere;width:100%;min-width:0;min-height:44px;padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-surface);cursor:pointer;font:inherit;text-align:left}.showcase-sample-button:hover:not(:disabled){border-color:var(--color-border-strong)}.showcase-sample-button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.showcase-sample-button:focus-visible,.showcase-action-control:focus-visible,.showcase-action-control:focus-within{outline:2px solid var(--color-primary);outline-offset:3px}.showcase-sample-button:disabled,.showcase-action-control[aria-disabled=true]{cursor:not-allowed;opacity:.55}.showcase-action-control{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);width:fit-content;min-height:44px;color:var(--color-text);background:var(--color-surface);cursor:pointer;font:inherit;font-size:var(--text-label);justify-content:center;align-items:center;padding:0 18px;font-weight:650;display:inline-flex}.showcase-action-control:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.showcase-action-control:disabled{cursor:not-allowed;opacity:.55}.showcase-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.showcase-audio-player{width:100%;display:block}.showcase-result-card{gap:var(--space-16);padding:var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);display:grid}.showcase-status-badge{width:fit-content;padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-primary-soft);font-size:var(--text-caption);margin:0;font-weight:650}.showcase-status-badge--danger{color:var(--color-danger);background:var(--color-danger-soft)}.showcase-status-badge--warning{color:var(--color-warning);background:var(--color-warning-soft)}.showcase-status-badge--neutral{color:var(--color-neutral);background:var(--color-neutral-soft)}.showcase-metric-grid{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-metric-card{gap:var(--space-8);min-width:0;padding:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);display:grid}.showcase-metric-card>span{color:var(--color-muted);font-size:var(--text-caption)}.showcase-metric-card>strong{font-size:var(--text-subheading)}.showcase-meta-row{gap:var(--space-8) 18px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-caption);flex-wrap:wrap;padding-top:15px;line-height:1.6;display:flex}.showcase-notice{gap:var(--space-8);padding:var(--space-16);border-radius:var(--radius-card);color:var(--color-muted);background:var(--color-surface-soft);line-height:1.65;display:grid}.showcase-notice>:first-child,.showcase-notice>:last-child{margin:0}.showcase-progress{border-radius:var(--radius-pill);background:var(--color-surface-soft);height:8px;overflow:hidden}.showcase-progress>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}@media (width<=560px){.showcase-sample-list{grid-template-columns:minmax(0,1fr)}.showcase-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell[data-v-15860b48]{min-height:100vh}.topbar[data-v-15860b48]{border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;min-height:64px;padding:0 clamp(20px,5vw,72px);display:flex}.brand[data-v-15860b48]{align-items:center;gap:var(--space-8);font-size:var(--text-subheading);font-weight:700;display:flex}.brand-logo[data-v-15860b48]{object-fit:contain;width:32px;height:32px;display:block}.content[data-v-15860b48]{width:min(920px,100% - 40px);margin:0 auto;padding:56px 0 72px}.content.wide[data-v-15860b48]{width:min(1180px,100% - 40px)}@media (width<=760px){.topbar[data-v-15860b48]{min-height:56px;padding:0 18px}.content[data-v-15860b48]{width:min(100% - 36px,920px);padding:38px 0 52px}.content.wide[data-v-15860b48]{width:min(100% - 36px,1180px)}}.base-button[data-v-3441805b]{justify-content:center;align-items:center;gap:var(--space-8);min-height:44px;padding:0 var(--space-16);border-radius:var(--radius-control);cursor:pointer;font-size:var(--text-label);border:1px solid #0000;font-weight:650;transition:border-color .16s,color .16s,background-color .18s;display:inline-flex}.base-button--compact[data-v-3441805b]{min-height:36px;padding:0 var(--space-12)}.base-button--primary[data-v-3441805b]{color:var(--color-on-primary);background:var(--color-primary)}.base-button--primary[data-v-3441805b]:hover:not(:disabled){background:var(--color-primary-hover)}.base-button--secondary[data-v-3441805b]{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.base-button--secondary[data-v-3441805b]:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.base-button--ghost[data-v-3441805b]{color:var(--color-primary);background:0 0}.base-button--ghost[data-v-3441805b]:hover:not(:disabled){background:var(--color-primary-soft)}.base-button[data-v-3441805b]:disabled{cursor:not-allowed;opacity:.52}.base-button__icon[data-v-3441805b]{flex:none;display:inline-flex}.panel[data-v-6dbfcefb]{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow);padding:clamp(24px,4vw,40px)}@media (width<=480px){.panel[data-v-6dbfcefb]{padding:22px 18px}}.demo-workspace[data-v-aeb39e4b]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.demo-workspace[data-v-aeb39e4b]>*{min-width:0}.demo-workspace--result-sticky .demo-workspace__result[data-v-aeb39e4b]{top:var(--space-24);position:sticky}@media (width>=861px) and (height>=760px){.demo-workspace--input-sticky .demo-workspace__input[data-v-aeb39e4b]{top:var(--space-24);position:sticky}}@media (width<=860px){.demo-workspace[data-v-aeb39e4b]{grid-template-columns:minmax(0,1fr)}.demo-workspace__result[data-v-aeb39e4b]{position:static}}.segmented-tabs[data-v-ace3eecb]{grid-template-columns:repeat(var(--segmented-count,3), minmax(0, 1fr));gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-soft);display:grid}.segmented-tabs__tab[data-v-ace3eecb]{min-height:44px;padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;transition:border-color .16s,color .16s,background-color .16s}.segmented-tabs__tab[data-v-ace3eecb]:hover:not(:disabled):not([aria-selected=true]){background:var(--color-surface)}.segmented-tabs__tab[aria-selected=true][data-v-ace3eecb]{border-color:var(--color-primary);color:var(--color-on-primary);background:var(--color-primary)}.segmented-tabs__tab[data-v-ace3eecb]:disabled{cursor:not-allowed;opacity:.55}.segmented-tabs--underline[data-v-ace3eecb]{gap:var(--space-16);border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;width:fit-content;padding:0;display:flex}.segmented-tabs--underline .segmented-tabs__tab[data-v-ace3eecb]{min-width:104px;min-height:40px;padding:var(--space-8);color:var(--color-muted);font-size:var(--text-label);border:0;border-bottom:2px solid #0000;border-radius:0}.segmented-tabs--underline .segmented-tabs__tab[data-v-ace3eecb]:hover:not(:disabled){color:var(--color-primary);background:0 0}.segmented-tabs--underline .segmented-tabs__tab[aria-selected=true][data-v-ace3eecb]{border-color:var(--color-primary);color:var(--color-primary);background:0 0}@media (width<=560px){.segmented-tabs[data-v-ace3eecb]{grid-template-columns:1fr}.segmented-tabs--mobile-inline[data-v-ace3eecb]{grid-template-columns:repeat(var(--segmented-count,2), minmax(0, 1fr))}.segmented-tabs--underline[data-v-ace3eecb]{width:100%}.segmented-tabs--underline .segmented-tabs__tab[data-v-ace3eecb]{flex:1;min-width:0}}.media-input-frame[data-v-09445e1c]{gap:var(--space-16);display:grid}.media-input-frame__heading[data-v-09445e1c]{justify-content:space-between;align-items:flex-start;gap:var(--space-16);display:flex}.media-input-frame__heading h3[data-v-09445e1c],.media-input-frame__heading p[data-v-09445e1c]{margin:0}.media-input-frame__heading h3[data-v-09445e1c]{font-size:var(--text-subheading);line-height:1.35}.media-input-frame__eyebrow[data-v-09445e1c],.media-input-frame__heading>span[data-v-09445e1c]{color:var(--color-muted);font-size:var(--text-caption)}.media-input-frame__eyebrow[data-v-09445e1c]{letter-spacing:.04em;font-weight:600;margin-bottom:var(--space-4)!important}.media-input-frame__heading>span[data-v-09445e1c]{flex:none;padding-top:1.4rem}.media-input-frame__content[data-v-09445e1c]{gap:var(--space-12);min-height:96px;display:grid}.media-preview-card[data-v-6c6fd96f]{align-items:center;gap:var(--space-8) var(--space-16);padding:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-control);grid-template-columns:minmax(0,1fr) auto;display:grid}.media-preview-card__name[data-v-6c6fd96f]{gap:var(--space-4);min-width:0;display:grid}.media-preview-card__name span[data-v-6c6fd96f],.media-preview-card__duration[data-v-6c6fd96f]{color:var(--color-muted);font-size:var(--text-caption)}.media-preview-card__name strong[data-v-6c6fd96f]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-preview-card__player[data-v-6c6fd96f]{grid-column:1/-1;min-width:0}.page-header[data-v-540ea7a1]{margin-bottom:var(--space-32)}.kicker[data-v-540ea7a1],.description[data-v-540ea7a1]{color:var(--muted)}.kicker[data-v-540ea7a1]{font-size:var(--text-caption);letter-spacing:.02em;margin:0;font-weight:600}h1[data-v-540ea7a1]{font-size:var(--text-display);letter-spacing:-.035em;margin:8px 0 12px;line-height:1.04}.description[data-v-540ea7a1]{max-width:680px;font-size:var(--text-body);margin:0;line-height:1.7}.panel-header[data-v-7e0b60f0]{margin-bottom:var(--space-24);display:grid}.panel-header--sticky-title[data-v-7e0b60f0]{display:contents}.panel-header__title-row[data-v-7e0b60f0]{justify-content:space-between;align-items:flex-start;gap:var(--space-16);min-width:0;display:flex}.panel-header--sticky-title .panel-header__title-row[data-v-7e0b60f0]{z-index:3;top:var(--space-12);margin:calc(var(--space-8) * -1) calc(var(--space-12) * -1) 0;padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:0 1px 0 var(--color-border);position:sticky}.panel-header--sticky-title.panel-header--has-description .panel-header__description[data-v-7e0b60f0],.panel-header--sticky-title:not(.panel-header--has-description) .panel-header__title-row[data-v-7e0b60f0]{margin-bottom:var(--space-24)}.panel-header__main[data-v-7e0b60f0]{min-width:0}.panel-header__eyebrow[data-v-7e0b60f0],.panel-header__description[data-v-7e0b60f0],.panel-header__meta[data-v-7e0b60f0],.panel-header h2[data-v-7e0b60f0]{margin:0}.panel-header__eyebrow[data-v-7e0b60f0]{color:var(--color-muted);font-size:var(--text-caption);letter-spacing:.04em;font-weight:600}.panel-header h2[data-v-7e0b60f0]{margin-top:var(--space-4);font-size:var(--text-heading);letter-spacing:-.02em;line-height:1.2}.panel-header__description[data-v-7e0b60f0]{margin-top:var(--space-8);color:var(--color-muted);line-height:1.6}.panel-header__meta[data-v-7e0b60f0]{color:var(--color-muted);font-size:var(--text-caption);flex:none;padding-top:1.75rem}@media (width<=480px){.panel-header__title-row[data-v-7e0b60f0]{gap:var(--space-12)}.panel-header--sticky-title .panel-header__title-row[data-v-7e0b60f0]{top:var(--space-8)}}.result-state-panel[data-v-c5180a50]{min-height:250px;padding:var(--space-32);align-content:center;place-items:center;gap:var(--space-16);border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);color:var(--color-muted);background:var(--color-control);text-align:center;line-height:1.7;display:grid}.result-state-panel--error[data-v-c5180a50]{border-style:solid;border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft)}.result-state-panel__spinner[data-v-c5180a50]{border:3px solid var(--color-primary-soft-hover);border-top-color:var(--color-primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite result-state-spin-c5180a50}@keyframes result-state-spin-c5180a50{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.result-state-panel__spinner[data-v-c5180a50]{animation:none}}.ui-icon[data-v-05786fc4]{flex:none;display:block}.recorder-orb[data-v-664a8f11]{width:112px;height:112px;color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 0 0 10px var(--color-primary-soft), var(--shadow-floating);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .18s,background-color .18s;display:grid}.recorder-orb[data-v-664a8f11]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px)}.recorder-orb[data-v-664a8f11]:focus-visible{outline:2px solid var(--color-primary);outline-offset:13px}.recorder-orb[data-v-664a8f11]:disabled{background:var(--color-border-strong);cursor:not-allowed}.analysis-result[data-v-677bc527]{min-height:360px;color:var(--color-text)}.analysis-result__content h3[data-v-677bc527],.analysis-result__content h4[data-v-677bc527],.analysis-result__content p[data-v-677bc527]{margin:0}.analysis-result__content[data-v-677bc527]{border-top:4px solid var(--color-accent)}.analysis-result__transcript[data-v-677bc527]{color:var(--color-text);font-size:var(--text-heading);flex:1;line-height:1.35}.analysis-result__transcript-row[data-v-677bc527]{align-items:flex-start;gap:var(--space-8);display:flex}.analysis-result__evaluation h4[data-v-677bc527]{margin-bottom:.45rem}.analysis-result__summary[data-v-677bc527],.analysis-result__detail[data-v-677bc527],.analysis-result__recognized-text[data-v-677bc527]{color:var(--color-muted);line-height:1.8}.analysis-result__detail[data-v-677bc527]{font-size:var(--text-body)}.analysis-result__pronunciation[data-v-677bc527]{color:var(--color-text);align-items:center;gap:4px;font-weight:700;display:inline-flex}.analysis-result__transcript-play[data-v-677bc527],.analysis-result__pronunciation button[data-v-677bc527]{border:1px solid var(--color-border-strong);color:var(--color-primary);background:var(--color-primary-soft);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:inline-grid}.analysis-result__transcript-play[data-v-677bc527]{flex:none;width:36px;height:36px}.analysis-result__pronunciation button[data-v-677bc527]{width:25px;height:25px}.analysis-result__transcript-play[data-v-677bc527]:hover,.analysis-result__pronunciation button[data-v-677bc527]:hover{border-color:var(--color-primary);background:var(--color-surface)}.analysis-result__transcript-play[data-v-677bc527]:focus-visible,.analysis-result__pronunciation button[data-v-677bc527]:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.analysis-result__tts-message[data-v-677bc527]{color:var(--color-primary);font-size:var(--text-label)}.analysis-result__non-scoring-summary[data-v-677bc527]{font-size:var(--text-heading);line-height:1.5}.analysis-result__suggestion[data-v-677bc527]{color:inherit}.analysis-result__suggestion h4[data-v-677bc527]{font-size:var(--text-label)}.recorder-control[data-v-779a9b3c]{min-height:224px;padding:var(--space-24) var(--space-16);align-content:center;place-items:center;gap:var(--space-12);text-align:center;display:grid}.recorder-control__label[data-v-779a9b3c]{margin:var(--space-8) 0 0;color:var(--color-text);font-size:var(--text-subheading);font-weight:750}.recorder-control .showcase-help[data-v-779a9b3c]{max-width:360px}.audio-source-panel[data-v-abc53e6d]{gap:var(--space-16);display:grid}.demo-label[data-v-abd220c3]{color:var(--color-muted);font-size:var(--text-caption);letter-spacing:.02em}.input-panel[data-v-abd220c3],.result-panel[data-v-abd220c3]{overflow:hidden}.analyze-button[data-v-abd220c3]{width:100%;min-height:48px}.reference-text-field textarea[data-v-abd220c3]{box-sizing:border-box;resize:vertical;min-height:96px;padding:12px;line-height:1.5}.reference-text-field small[data-v-abd220c3]{color:var(--color-muted);line-height:1.5}