*{box-sizing:border-box}body{margin:0}.page{max-width:640px;margin:0 auto;padding:24px 16px;font-family:system-ui,sans-serif}.header{text-align:center;border-bottom:1px solid #ddd;margin-bottom:16px;padding-bottom:16px}.header h1{margin:0 0 4px;font-size:1.5rem}.subtitle{color:#666;margin:0}.question{border:1px solid #ddd;border-radius:8px;margin:16px 0;padding:16px}.question legend{padding:0 4px;font-weight:600}.required{color:#c62828}.scale{flex-wrap:wrap;gap:8px;display:flex}.pill{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ccc;border-radius:999px;justify-content:center;align-items:center;min-width:44px;padding:8px 12px;display:inline-flex;position:relative}.pill input{opacity:0;position:absolute}.pill.selected{color:#fff;background:#1565c0;border-color:#1565c0}.nps-hint{color:#666;justify-content:space-between;width:100%;margin-top:4px;font-size:.8rem;display:flex}textarea,input[type=email]{width:100%;font:inherit;border:1px solid #ccc;border-radius:6px;padding:8px}.error{color:#c62828;margin:8px 0 0;font-size:.9rem}.info{text-align:center;padding:48px 0;font-size:1.1rem}.info.success{color:#2e7d32}button[type=submit]{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:6px;width:100%;margin-top:8px;padding:12px;font-size:1rem;display:block}button[type=submit]:disabled{opacity:.6;cursor:default}