*,:before,:after{box-sizing:border-box}:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color:#333;-webkit-font-smoothing:antialiased;background:#f8f8f8;font-size:16px;line-height:1.5}body{margin:0;padding:0}#root{min-height:100vh}.rating-input{margin-bottom:1.25rem}.rating-input__question{color:#222;margin-bottom:.5rem;font-weight:500;display:block}.rating-input__stars{gap:4px;display:flex}.rating-input__star{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:transform .1s}.rating-input__star:hover{transform:scale(1.15)}.rating-input__star:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.rating-input__error{color:#dc2626;margin-top:.25rem;font-size:.85rem;display:block}.survey-form{flex-direction:column;display:flex}.survey-form__error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.survey-form__text-field{margin-bottom:1.25rem}.survey-form__question{color:#222;margin-bottom:.5rem;font-weight:500;display:block}.survey-form__textarea{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;min-height:80px;padding:.75rem;font-family:inherit;font-size:.95rem}.survey-form__textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.survey-form__text-meta{justify-content:flex-end;margin-top:.25rem;display:flex}.survey-form__char-count{color:#888;font-size:.8rem}.survey-form__field-error{color:#dc2626;margin-top:.25rem;font-size:.85rem;display:block}.survey-form__submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-self:flex-start;padding:.7rem 2rem;font-size:1rem;font-weight:500;transition:background .15s}.survey-form__submit:hover:not(:disabled){background:#2563eb}.survey-form__submit:disabled{opacity:.6;cursor:not-allowed}.thank-you-view{text-align:center;flex-direction:column;align-items:center;padding:3rem 1rem;display:flex}.thank-you-view__icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;font-size:28px;display:flex}.thank-you-view__heading{margin:0 0 .5rem;font-size:1.5rem}.thank-you-view__message{color:#666;max-width:320px}