:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-border: #e3e6ea;--color-text: #1c2024;--color-text-muted: #6b7280;--color-primary: #2f4cdd;--color-primary-hover: #2740c0;--color-primary-contrast: #ffffff;--color-flag: #c2410c;--color-flag-bg: #fff1e7;--color-suggest: #15803d;--color-suggest-bg: #eaf7ee;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 16px rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}.app{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-4);min-height:100vh;display:flex;flex-direction:column}.app__header{margin-bottom:var(--space-5)}.app__title{font-size:var(--text-xl);margin:0}.app__sub{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.app__sub--small{font-size:var(--text-sm);margin-top:var(--space-2);max-width:70ch}.app__sub--lead{color:var(--color-text);font-weight:600;font-size:var(--text-lg);margin-top:var(--space-1);margin-bottom:var(--space-2)}.app__main{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 860px){.app__main{grid-template-columns:2fr 1fr;align-items:start}}.results{margin-top:var(--space-5)}.finding-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-3);align-items:start}.panel{display:flex;flex-direction:column;gap:var(--space-4)}.panel__title{font-size:var(--text-lg);margin:0}.field-label{font-weight:600;font-size:var(--text-sm)}.textarea{width:100%;resize:vertical;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2f4cdd26}.field-foot{display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:var(--text-sm)}.privacy{font-style:italic}.transcript-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-family:var(--font-mono);font-size:var(--text-base)}.transcript-editor .cm-editor{min-height:160px}.transcript-editor .cm-focused{outline:none}.cm-tooltip.cm-tooltip-lint{max-width:320px;font-family:var(--font-sans);font-size:var(--text-sm)}.settings{background:var(--color-bg)}.settings__title{font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.settings__title--secondary{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.toggle input{cursor:pointer}.ai-bar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.ai-note{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;max-width:64ch}.ai-error{margin:0;font-size:var(--text-sm);color:var(--color-flag)}.transcript-output{white-space:pre-wrap;word-break:break-word;padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-mono);line-height:1.7}.mark{background:var(--color-flag-bg);color:var(--color-flag);border-bottom:2px solid var(--color-flag);border-radius:3px;padding:0 1px;cursor:pointer}.mark--active{background:var(--color-flag);color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.finding{cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.finding:hover{box-shadow:var(--shadow-md)}.finding--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #2f4cdd2e}.finding__head{display:flex;align-items:center;gap:var(--space-2)}.finding__name{font-weight:600}.finding__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1)}.finding__apply,.finding__dismiss{font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.finding__apply{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast)}.finding__apply:hover{background:var(--color-primary-hover)}.finding__dismiss{background:var(--color-surface);color:var(--color-text-muted)}.finding__dismiss:hover{background:var(--color-bg);color:var(--color-text)}.finding__msg{margin:0;color:var(--color-text)}.finding__fix{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-family:var(--font-mono)}.finding__arrow{color:var(--color-text-muted)}.finding__example{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-family:var(--font-mono)}.ex--good{color:var(--color-suggest)}.ex--bad{color:var(--color-flag)}.no-issues{color:var(--color-suggest);font-weight:600}.badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono)}.badge--neutral{background:#eef1f6;color:var(--color-text)}.badge--flag{background:var(--color-flag-bg);color:var(--color-flag)}.badge--suggest{background:var(--color-suggest-bg);color:var(--color-suggest)}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:600;cursor:pointer}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary:disabled:hover{background:var(--color-primary)}a.btn{display:inline-block;text-align:center;text-decoration:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px #0f172a40;max-width:26rem;width:100%;padding:var(--space-6)}.modal__title{margin:0 0 var(--space-3);font-size:var(--text-lg)}.modal__body{margin:0 0 var(--space-4);color:var(--color-text-muted);line-height:1.5}.modal__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.why{margin-top:var(--space-5);max-width:64ch}.why__title{font-size:var(--text-lg);margin:0 0 var(--space-2)}.why__body{margin:0;color:var(--color-text-muted);line-height:1.6}.support-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.support-footer__link{color:var(--color-primary);font-weight:600;text-decoration:none;white-space:nowrap}.support-footer__link:hover{text-decoration:underline}.tabs{display:inline-flex;margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tabs__btn{border:0;background:transparent;padding:var(--space-2) var(--space-4);font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer}.tabs__btn--active{background:var(--color-primary);color:var(--color-primary-contrast)}.player{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.player__wpm{display:inline-flex;align-items:center;gap:var(--space-2)}.player__wpm-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.practice__source-label,.practice-input__label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.result__caption{font-size:var(--text-sm);color:var(--color-text-muted)}.result__cols{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 720px){.result__cols{grid-template-columns:1fr 1fr}}.result__col-title{font-size:var(--text-sm);margin:0 0 var(--space-2);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.result__diff{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6}.diff{display:inline;padding:0 2px;border-radius:2px}.diff--substitute{background:var(--color-flag-bg);color:var(--color-flag)}.diff--insert{background:var(--color-suggest-bg);color:var(--color-suggest)}.diff--delete{text-decoration:line-through;color:var(--color-text-muted)}.history__empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.history__clear{align-self:flex-start}.history__date{font-size:var(--text-xs, .75rem);color:var(--color-text-muted)}.history__snippet{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin-top:2px}.rubric{margin-top:var(--space-5)}.rubric__overall{display:flex;align-items:baseline;gap:var(--space-2)}.rubric__overall-value{font-size:2.25rem;font-weight:700;line-height:1;color:var(--color-text)}.rubric__overall--suggest .rubric__overall-value{color:var(--color-suggest)}.rubric__overall--flag .rubric__overall-value{color:var(--color-flag)}.rubric__overall-suffix{font-size:var(--text-base);color:var(--color-text-muted);font-weight:600}.rubric__overall-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-left:var(--space-2)}.rubric__categories{flex-wrap:wrap}.rubric__cat{flex:1 1 6rem;min-width:6rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.rubric__cat--suggest{border-color:var(--color-suggest)}.rubric__cat--flag{border-color:var(--color-flag)}.rubric__cat-label{font-size:var(--text-xs, .75rem);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.rubric__cat-value{font-size:var(--text-lg);font-weight:600;color:var(--color-text);line-height:1.2}