:root{--color-bg: #f7f7f5;--color-surface: #ffffff;--color-text: #1f2328;--color-muted: #6b7280;--color-border: #d9dce1;--color-accent: #3454d1;--color-accent-hover: #2a44ac;--color-error: #c02b2b;--color-hint: #8a6d1a;--radius: 8px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}main{max-width:640px;margin:0 auto;padding:48px 24px 64px}h1{font-size:1.75rem;font-weight:700;line-height:1.25;margin:0 0 8px;color:var(--color-text)}h2{font-size:1.125rem;font-weight:600;margin:24px 0 16px;color:var(--color-text)}p{margin:0 0 8px}.field{margin-bottom:24px}.field label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:4px;color:var(--color-text)}.help{color:var(--color-muted);font-size:.875rem;margin:0 0 8px}textarea,input{width:100%;font-family:inherit;font-size:1rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}textarea{resize:vertical;min-height:120px}textarea:focus,input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3454d12e}.hint{color:var(--color-hint);font-size:.8125rem;font-style:italic;margin:6px 0 0}.error{color:var(--color-error);font-size:.8125rem;margin:6px 0 0}.nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:12px}button{font-family:inherit;font-size:.9375rem;font-weight:600;padding:10px 20px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.nav button{background:var(--color-accent);color:#fff}.nav button:hover:not(:disabled){background:var(--color-accent-hover)}.nav button:first-child:not(:last-child){background:transparent;color:var(--color-text);border-color:var(--color-border)}.nav button:first-child:not(:last-child):hover:not(:disabled){background:var(--color-surface);border-color:var(--color-muted)}button:disabled{opacity:.5;cursor:not-allowed}.progress{margin:20px 0 8px}.progress-label{font-size:.8125rem;color:var(--color-muted);margin-bottom:6px}.progress-track{width:100%;height:8px;background:var(--color-border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);border-radius:999px;transition:width .2s ease}.result{max-width:640px;margin:0 auto;padding:96px 24px;text-align:center}.result h1{margin-bottom:16px}.result p{color:var(--color-muted);font-size:1.0625rem;margin-bottom:24px}.result button{background:var(--color-accent);color:#fff}.result button:hover:not(:disabled){background:var(--color-accent-hover)}@media (max-width: 480px){main{padding:32px 16px 48px}.result{padding:64px 16px}h1{font-size:1.5rem}}main.wide{max-width:900px}.progress-section{color:var(--color-text)}.coaching{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:start;margin-bottom:24px}.coaching-framing{color:var(--color-text);font-size:.9375rem;margin:0 0 16px}.coaching-work label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:6px}.examples-toggle{display:none;background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:6px 12px;margin-bottom:12px}.example{border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 12px;margin-bottom:12px;background:var(--color-surface)}.example p{margin:4px 0 0;font-size:.875rem;color:var(--color-muted)}.example-tag{font-size:.75rem;font-weight:700;letter-spacing:.02em}.example-weak{border-left:3px solid var(--color-error)}.example-weak .example-tag{color:var(--color-error)}.example-strong{border-left:3px solid #2f8f4e}.example-strong .example-tag{color:#2f8f4e}@media (max-width: 720px){main.wide{max-width:640px}.coaching{grid-template-columns:1fr;gap:16px}.examples-toggle{display:inline-block}.examples-body{display:none}.examples-body[data-open=true]{display:block}}