:root{--color-primary:#1e3a8a;--color-primary-dark:#1e3a8a;--color-primary-light:#3b82f6;--color-success:#15803d;--color-warning:#92400e;--color-error:#b91c1c;--color-text:#020617;--color-text-secondary:#334155;--color-background:#fff;--color-surface:#f8fafc;--color-border:#64748b;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-base:20px;--font-size-lg:26px;--font-size-xl:32px;--font-size-2xl:42px;--font-size-3xl:52px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.25rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 8px #0000001f;--shadow-lg:0 12px 24px #00000026}*,:before,:after{box-sizing:border-box}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.6}.main-container{max-width:800px;min-height:100vh;padding:var(--spacing-sm);flex-direction:column;margin:0 auto;display:flex}.header{text-align:center;padding:var(--spacing-sm)0;margin-bottom:var(--spacing-xs)}.site-title{font-size:var(--font-size-2xl);color:var(--color-text);margin:0 0 var(--spacing-xs);font-weight:700}.title-accent{color:var(--color-primary)}.tagline{color:var(--color-text-secondary);margin:0;font-size:22px;font-weight:500;line-height:1.3}.content-section{flex:1}.instructions-compact{margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:center;background:#fffbeb;border:2px solid #fde68a}.instructions-compact-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.6}.help-form-container{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm)var(--spacing-md);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-sm)}.form-label{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:600;display:block}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #2563eb1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.form-textarea{resize:none;min-height:80px;display:block}.textarea-container{width:100%;position:relative}.char-count-overlay{color:var(--color-text-secondary);pointer-events:none;background:#ffffffe6;border-radius:4px;padding:2px 6px;font-size:14px;font-weight:600;position:absolute;bottom:.75rem;right:1rem}.turnstile-container{margin:var(--spacing-md)0}.error-message{color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-base);background:#fef2f2;border:2px solid #fecaca;font-weight:500}.submit-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-xl);color:#fff;background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.submit-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.helper-text{text-align:center;color:var(--color-text-secondary);margin-top:var(--spacing-sm);font-size:16px}.ai-disclaimer-box{margin-bottom:var(--spacing-md);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-md);background:#fffbeb;border:1px solid #fde68a}.ai-disclaimer-text{color:#92400e;text-align:center;margin:0;font-size:16px;line-height:1.4}.help-response{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.response-title{font-size:var(--font-size-xl);color:var(--color-success);margin:0 0 var(--spacing-md)}.response-content{border-radius:var(--radius-md);padding:var(--spacing-md)var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#f0fdf4;border:2px solid #86efac;box-shadow:inset 0 2px 4px #0000000d}.response-line{font-size:var(--font-size-base);color:var(--color-text);margin:0 0 .5rem;line-height:1.8}.response-line strong{color:var(--color-primary);font-weight:700}.response-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.new-question-button,.copy-button{min-width:200px;padding:var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;flex:1;font-weight:600;transition:transform .2s,box-shadow .2s}.new-question-button{background:var(--color-primary);color:#fff;border:none}.new-question-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.copy-button{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.copy-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.disclaimer{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-warning);background:#fffbeb;border:2px solid #fde68a;font-size:16px}@media (max-width:600px){:root{--font-size-base:16px;--font-size-3xl:28px}.main-container{padding:var(--spacing-sm)}.header{padding:var(--spacing-lg)0}.instructions,.help-form-container{padding:var(--spacing-md)}.response-actions{flex-direction:column}.new-question-button,.copy-button{min-width:100%}}@media (prefers-contrast:high){:root{--color-primary:#0040dd;--color-border:#000;--color-text-secondary:#000}.form-input,.form-textarea{border-width:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}